/*********   테마 A- green , 테마 B- blue , 테마 C- white , 테마 D- dark gray  으로 작업함.  2012. 05.22 디자인사업부 : 홍희경   ********/

/************************************************************
00   :   공통
*************************************************************/
.gray_bg   { background: #545454 !important; }
.container  .ui-content   { padding: 0; margin-bottom: 30px; }
.ui-dialog-contain .ui-header .ui-title   { white-space: normal; margin: .6em 20px .8em; }  /*   popup   */
.ui-dialog-contain .ui-body-d   { background: #545454 !important;}  /*   popup   */
mark   { background: none; }
.no_bd   { border: none !important; }
.no_bd02   { margin:10px !important; border: none !important; }
.min_h    { min-height: 105px; }
.com_txt   { color:#0072c1; font-size: .9em; margin: 0 12px 10px 12px; display: inline-block;  white-space: normal; }
.h_tit    {background: url(../images/bullet03.gif) no-repeat 0 7px; padding-left:10px;  font-weight: normal;  margin:0 15px; font-size: 1.2em; font-weight: bold; color:#000; }

/*  top 영역   */
#top_gnb   { }
#top_gnb .navi_txt   { margin-left: 9px;font-size: 1.1em; }
#top_gnb .ui-btn-inner { padding:.5em 0 .6em 0; }
#top_gnb .ui-btn-up-a   { border-color: #4f7300; text-shadow:rgba(0,0,0,.6) 0 1px 2px; }
/*   진한 그레이    */
.top_title_G {border: 1px solid #000; text-align: center; padding:.5em 0 .8em 0 ; margin-bottom:-1px; position: relative;
	background:#505050;
	font-weight: bold;  
	color: #fff;
	text-shadow:rgba(0,0,0,1) 0 1px 2px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#505050));  
	background-image: -webkit-linear-gradient(#808080, #505050);  
	background-image:    -moz-linear-gradient(#808080, #505050);  
	background-image:     -ms-linear-gradient(#808080, #505050); 
	background-image:      -o-linear-gradient(#808080, #505050);  
	background-image:         linear-gradient(#808080, #505050); 
}
.top_title_G h2   { font-size: 1.2em;}
/*   그린    */
.top_title_Gre {border: 1px solid #435900; text-align: center; padding:.5em 0 .8em 0 ; margin-bottom:-1px; position: relative;
	background: #659400;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#608c00)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #608c00); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #608c00); /* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #608c00); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #608c00); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #608c00);
}
.top_title_Gre h2   { font-size: 1.2em;}
/*   블루    */
.top_title_B {border: 1px solid #000; text-align: center; padding:.5em 0 .8em 0 ; margin-bottom:-1px; position: relative;
	background:#2b8caf;
	font-weight: bold;  
	color: #fff;
	text-shadow:rgba(0,0,0,1) 0 1px 2px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf); 
}
.top_title_B h2   { font-size: 1.2em;}

/*   top 좌우 btn  */
.top_left   {  position: absolute; top:.4em; left:8px; z-index: 10;  }
.top_right   { position: absolute; top:.4em; right:8px; z-index: 10; }
.ico_btn  { background: url(../images/ico_btn.png) no-repeat; width:28px; height:28px; -webkit-background-size:28px 392px; text-indent: -1000em; display:inline-block;  }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.ico_btn  {background-image:url(../images/ico_btnx2.png)}}
@media screen and (-webkit-min-device-pixel-ratio:2){.ico_btn  {background-image:url(../images/ico_btnx2.png)}}
.btn1  { background-position:0 0; }
.btn2  { background-position:0 -28px; }
.btn3  { background-position:0 -56px; }
.btn4  { background-position:0 -84px; }
.btn5  { background-position:0 -112px; }
.btn6  { background-position:0 -140px; }
.btn7  { background-position:0 -168px; }
.btn8  { background-position:0 -196px; }
.btn9  { background-position:0 -224px; }
.btn10  { background-position:0 -252px; }
.btn11  { background-position:0 -280px; }
.btn12  { background-position:0 -308px; }
.btn13  { background-position:0 -336px; } 
.btn14  { background-position:0 -364px; }

.ico_btn_T  { background: url(../images/ico_topbtn.png) no-repeat; width:60px; height:28px; -webkit-background-size:60px 112px; text-indent: -1000em; display:inline-block;  }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.ico_btn_T  {background-image:url(../images/ico_topbtnx2.png)}}
@media screen and (-webkit-min-device-pixel-ratio:2){.ico_btn_T  {background-image:url(../images/ico_topbtnx2.png)}}
.btnT1  { background-position:0 0; }
.btnT2  { background-position:0 -28px; }
.btnT3  { background-position:0 -56px; }
.btnT4  { background-position:0 -84px; }

/*   아이콘 btn  */
.ico_all  { background: url(../images/ico_cont.png) no-repeat; width:15px; height:15px; -webkit-background-size:15px 255px; text-indent: -1000em; display:inline-block;  }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.ico_all  {background-image:url(../images/ico_contx2.png)}}
@media screen and (-webkit-min-device-pixel-ratio:2){.ico_all  {background-image:url(../images/ico_contx2.png)}}
.ico1  { background-position:0 0; }
.ico2  { background-position:0 -15px; }
.ico3  { background-position:0 -30px; }
.ico4  { background-position:0 -45px; }
.ico5  { background-position:0 -60px; }
.ico6  { background-position:0 -75px; }
.ico7  { background-position:0 -90px; }
.ico8  { background-position:0 -105px; }
.ico9  { background-position:0 -120px; }
.ico10  { background-position:0 -135px; }
.ico11  { background-position:0 -150px; }
.ico12  { background-position:0 -165px; }
.ico13  { background-position:0 -180px; }
.ico14  { background-position:0 -195px; }
.ico15  { background-position:0 -210px; }
.ico16  { background-position:0 -225px; }
.ico17  { background-position:0 -240px; }
.ico_all em   { display: none; }

.ico_S  { background: url(../images/ico_etc.png) no-repeat; width:28px; height:28px; -webkit-background-size:28px 56px; text-indent: -1000em; display:inline-block;  }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.ico_S  {background-image:url(../images/ico_etcx2.png)}}
@media screen and (-webkit-min-device-pixel-ratio:2){.ico_S  {background-image:url(../images/ico_etcx2.png)}}
.S1  { background-position:0 0; }
.S2  { background-position:0 -28px; }

/*   진행상태 표시     */
.state_finish   { color: #fff; background: #919191; padding: 0 3px 0 6px;  font-size:.8em; text-align: center; line-height:16px; border: 1px solid #565656; -webkit-border-radius: 5px ; border-radius: 5px ;  display: inline-block;}
.state_ok   { color: #fff; background: #73a307; padding: 0 3px 0 6px;  font-size:.8em; text-align: center; line-height:16px; border: 1px solid #426632; -webkit-border-radius: 5px ; border-radius: 5px ;  display: inline-block;}
.state_ing   { color: #fff; background: #2790e1; padding: 0 3px 0 6px;  font-size:.8em; text-align: center; line-height:16px; border: 1px solid #0d4c90; -webkit-border-radius: 5px ; border-radius: 5px ;  display: inline-block;}
.state_ev   { color: #fff; background: #ff7800; padding: 0 3px 0 6px;  font-size:.8em; text-align: center; line-height:16px; border: 1px solid #b90400; -webkit-border-radius: 5px ; border-radius: 5px ;  display: inline-block;}

/*    더보기 btn    */
.btn_area    {  font-weight: bold; padding:2px 0 10px 0; position: relative; min-height:36px; border-top:1px solid #d3d3d3; margin-top:-1px;  }
.btn_more      {   text-align: center; font-size:1.2em; color:#000;  margin-left: -4em;  }
.btn_more button  {width:100%;  background:#fff; border: none;  padding:.7em 10px 1.2em 25px; display: inline-block; cursor: pointer; font-weight: bold; }
.btn_more .more_count   { font-size: .8em !important; color:#888 !important; font-weight:normal; display: inline-block;}
.btn_more .ico_all   { vertical-align: -2px; margin-right: 5px; }
.btn_area_bdno    { }
.btn_area_bdno .btn_area   { border-top: none;  margin-top: -10px;}
/*    맨위로 btn    */
.btn_top { position: absolute; top:.6em; right:0;  z-index: 10;  }
.btn_top button  { background:#fff; border: none; padding:.6em 15px .5em 15px; display: inline-block; cursor: pointer; color:#777;  font-size: .9em; }
.btn_top .ico_all   { vertical-align: -4px; margin-left: 3px; }
/*  btn 영역   */
.btn_area02   { margin: 10px; padding: 0 !important; border: 0 !important; text-align: center; }
.btn_area02 .ui-block-a   { text-align: right; }
.btn_area02 .ui-block-b   { text-align: left; }
.btn_area02 .ui-btn-inner   {min-width:60px; padding: .5em 30px .7em; font-size: 1.2em;}
.btn_area03   { margin: 10px 0; padding: 0 !important; border: 0 !important; text-align: center; }
.btn_area03 .ui-block-a   { text-align: right; }
.btn_area03 .ui-block-b   { text-align: left; }
.btn_area03 .ui-btn-inner   {min-width:85px; padding: .5em 20px .7em; font-size: 1.2em;}
.btn_area04   { margin: 10px 5em; }
.btn_area04 .ui-btn-inner   { padding: .5em 20px .7em; font-size: 1.2em;}
.btn_area05    { margin: 20px 0 ; text-align: center; }
.btn_area05 .ui-btn-inner   { padding:.5em 20px .8em 20px; font-size: 1.2em;}
.btn_area06  { padding: 0 20px; }
.btn_area07   { margin: 10px; padding: 15px 0; border-top: 1px solid #cecece;  text-align: center;  }
.btn_area07 .ui-block-a   { text-align: right; }
.btn_area07 .ui-block-b   { text-align: left; }
.btn_area07 .ui-btn-inner   {min-width:60px; padding: .5em 30px .7em; font-size: 1.2em;}
/*  btn btn_type   */
.bt_form   {  margin-bottom:30px; text-align: center; }
.bt_form .ui-btn-inner   { padding:.4em 20px .6em 20px; font-size: 1.2em;}
.bt_form .ui-btn-inline { display: block; }
.bt_form .ui-btn   {margin: .5em 6em; text-align: center; }

.btn_type1    { margin: 0 5em; font-size: 1.2em;}
.btn_type1 .ui-btn-inner   { padding: .5em 20px .8em 20px; white-space: normal; }
.btn_type2    { margin: 0 4em; font-size: 1.2em;}
.btn_type2 .ui-btn-inner   { padding: .5em 20px .8em 20px; white-space: normal; }
.btn_type3    { margin: 10px 5em; font-size: 1.2em;}
.btn_type3 .ui-btn-inner   { padding: .5em 20px .8em 20px; white-space: normal; }
/*  3단 btn  */
.btn_col    { margin: 10px; text-align: center;}
.btn_col .ui-controlgroup {   }
.btn_col .ui-btn     { min-width: 33%;  }
.btn_col .ui-btn-inner     { padding: .5em 0 .7em; ffont-size: 1.2em; }

/*  컨텐츠  */
.ff_cont    { color: #d0d0d0; }
.ul   { margin: 20px 10px; }
.ul li    { background: url(../images/bullet02.gif) no-repeat 0 7px;  padding-left: 10px;  margin-bottom: 15px; }
.ul li mark   { text-decoration: underline; color: #b4f4ff; }
.ul02   { margin: 0 10px 20px 10px; color: #777; font-size: .9em; }
.ul02 li    { background: url(../images/bullet.gif) no-repeat 0 7px;  padding-left: 10px;  }
.ol   {margin: 20px 5px 20px 15px;  list-style:decimal none outside;padding-left:20px; color:#4ba800;  }
.ol p  { font-weight:normal; color:#000;  }
.ol li    { margin-bottom: 15px; font-weight:bold;}



/************************************************************
00_1  :   navi
*************************************************************/
/* 메인 menu  */
.ico_navi  { background: url(../images/ico_gnb.png) no-repeat; width:20px; height:20px; -webkit-background-size:20px 660px; text-indent: -1000em; display:inline-block;  }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.ico_navi  {background-image:url(../images/ico_gnbx2.png)}}
@media screen and (-webkit-min-device-pixel-ratio:2){.ico_navi  {background-image:url(../images/ico_gnbx2.png)}}
.navi1  { background-position:0 0; }
.navi2  { background-position:0 -20px; }
.navi3  { background-position:0 -40px; }
.navi4  { background-position:0 -60px; }
.navi5  { background-position:0 -80px; }
.navi6  { background-position:0 -100px; }
.navi7  { background-position:0 -120px; }
.navi8  { background-position:0 -140px; }
.navi9  { background-position:0 -160px; }
.navi10  { background-position:0 -180px; }
.navi11  { background-position:0 -200px; }
.navi12  { background-position:0 -220px; }
.navi13  { background-position:0 -240px; }
.navi14  { background-position:0 -260px; }
.navi15  { background-position:0 -280px; }
.navi16  { background-position:0 -300px; }
.navi17  { background-position:0 -320px; }
.navi18  { background-position:0 -340px; }
.navi19  { background-position:0 -360px; }
.navi20  { background-position:0 -380px; }
.navi21  { background-position:0 -400px; }
.navi22  { background-position:0 -420px; }
.navi23  { background-position:0 -440px; }
.navi24  { background-position:0 -460px; }
.navi25  { background-position:0 -480px; }
.navi26  { background-position:0 -500px; }
.navi27  { background-position:0 -520px; }
.navi28  { background-position:0 -540px; }
.navi29  { background-position:0 -560px; }
.navi30  { background-position:0 -580px; }
.navi31  { background-position:0 -600px; }
.navi32  { background-position:0 -620px; }
.navi33  { background-position:0 -640px; }
/*   제이쿼리 menu   */    
#gnb_menu    { background: #353535}
#gnb_menu .ui-bar-d {
	border: 1px solid 		#000;
	background: 			#343434;
	color: 					#fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#343434));  
	background-image: -webkit-linear-gradient(#696969, #343434);  
	background-image:    -moz-linear-gradient(#696969, #343434);  
	background-image:     -ms-linear-gradient(#696969, #343434);  
	background-image:      -o-linear-gradient(#696969, #343434);  
	background-image:         linear-gradient(#696969, #343434);  
}
#gnb_menu .ui-header    { min-height: 65px; }
#gnb_menu .ui-header .ui-title    { text-align: right; margin:0;  position: absolute; top:15px; right:25px; z-index: 10;}
#gnb_menu .ui-header .ui-title img   { width:75px; height: 35px; }
#gnb_menu .bt_j   {top:2px !important; right:15px !important;}
#gnb_menu .bt_j a   { display: block;  color: #d4d4d4; font-size: 1em;padding: 1.2em 10px;  }
#gnb_menu .top_profile   {  text-align: left;  margin-bottom: -5px;}
#gnb_menu .top_profile a   { display: block; width:65%; }
#gnb_menu .top_profile span   { color:#fff;  margin-left:7px; vertical-align: 28px; font-size: 1.1em;}
#gnb_menu .top_profile img  {  width: 65px; height: 65px;}
#gnb_menu .log_bt   {  text-align: left;  margin:15px 0 -5px 25px; }
#gnb_menu .log_bt a   { display: block; width:60%;  color: #fff; font-weight: bold;  font-size: 1.3em; }
#gnb_menu .log_bt img  {  width: 30px; height: 48px; margin-right: 7px; vertical-align: -26px; }

#gnb_menu .ui-content    {padding: 5px 5px 15px 5px;  margin-top: 10px;}
#gnb_menu .ui-content .ui-listview    { margin:0 10px 10px 10px; }
#gnb_menu .gnb_menu   {  border: 1px solid #676767;  }
#gnb_menu .gnb_menu .ico_navi  { margin-left: 5px; }
#gnb_menu .gnb_menu .navi_txt   { margin-left: 9px;font-size: 1.2em; vertical-align: -3px; }

#gnb_menu .gnb_menu .ui-btn-up-d {
	border: 1px solid #676767;
	border-width:0 0 1px 0;
	background: #444;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#444));  
	background-image: -webkit-linear-gradient(#515151, #444);  
	background-image:    -moz-linear-gradient(#515151, #444);
	background-image:     -ms-linear-gradient(#515151, #444);
	background-image:      -o-linear-gradient(#515151, #444);
	background-image:         linear-gradient(#515151, #444);
}
#gnb_menu .gnb_menu .ui-btn-hover-d {
	border: 1px solid #3288bf;
	border-width:0 0 1px 0;
	background: #1c6f9a;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4999d0), to(#1c6f9a));  
	background-image: -webkit-linear-gradient(#4999d0, #1c6f9a);  
	background-image:    -moz-linear-gradient(#4999d0, #1c6f9a);  
	background-image:     -ms-linear-gradient(#4999d0, #1c6f9a);   
	background-image:      -o-linear-gradient(#4999d0, #1c6f9a);  
	background-image:         linear-gradient(#4999d0, #1c6f9a);  
}
#gnb_menu .gnb_menu .ui-btn-down-d {
	border: 1px solid #3288bf;
	border-width:0 0 1px 0;
	background: #1c6f9a;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#4999d0), to(#1c6f9a));  
	background-image: -webkit-linear-gradient(#4999d0, #1c6f9a);  
	background-image:    -moz-linear-gradient(#4999d0, #1c6f9a);  
	background-image:     -ms-linear-gradient(#4999d0, #1c6f9a);   
	background-image:      -o-linear-gradient(#4999d0, #1c6f9a);  
	background-image:         linear-gradient(#4999d0, #1c6f9a);  
}
#gnb_menu .ui-listview .ui-btn-active a.ui-link-inherit { color:#fff !important; }
#gnb_menu .gnb_menu .ui-li  { border-top-width: 0; }
#gnb_menu .gnb_menu .ui-li:last-child  { border-bottom-width: 0;}
#gnb_menu .gnb_menu .ui-icon  { display: none;}   
/*    차후 작업시 navi 높이 조절영역
#gnb_menu .gnb_menu .ui-li .ui-btn-inner a.ui-link-inherit   { padding: .5em 15px .5em 15px;  }   */

/*   제이쿼리 no_menu   */
#gnb_menu02    { background: #353535 !important; }
#gnb_menu02 header { min-height: 65px; 
    border: 1px solid #000;
    background: #343434;
    color: #fff;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#343434));  
    background-image: -webkit-linear-gradient(#696969, #343434);  
    background-image:    -moz-linear-gradient(#696969, #343434);  
    background-image:     -ms-linear-gradient(#696969, #343434);  
    background-image:      -o-linear-gradient(#696969, #343434);  
    background-image:         linear-gradient(#696969, #343434);  
}
#gnb_menu02 header h6    { text-align: right; margin:0;  position: absolute; top:3px; right:15px; z-index: 10; font-weight: bold; }
#gnb_menu02 header h6 a   { display: block;  color: #d4d4d4; font-size: 1.7em;padding: 1.2em 10px;  }
#gnb_menu02 header h1    { text-align: right; margin:0;  position: absolute; top:0px; right:15px; z-index: 10;  }
#gnb_menu02 header h1 img   { width:75px; height: 35px; }
#gnb_menu02 header h1 a   { display: block; padding: .5em 10px;  }
#gnb_menu02 header .top_profile   {  text-align: left;  margin-bottom: -5px; font-weight: bold;  }
#gnb_menu02 header .top_profile a   { display: block; width:65%; }
#gnb_menu02 header .top_profile span   { color:#fff;  margin-left:7px; vertical-align: 28px; font-size: 1.1em;}
#gnb_menu02 header .top_profile img  {  width: 65px; height: 65px; }
#gnb_menu02 header .log_bt   {  text-align: left;  margin:15px 0 -5px 25px; }
#gnb_menu02 header .log_bt a   { display: block; width:60%;  color: #fff; font-weight: bold;  font-size: 1.3em; }
#gnb_menu02 header .log_bt img  {  width: 30px; height: 48px; margin-right: 7px; vertical-align: -26px; }

#gnb_menu02 .gnb_menu    {margin: 15px; }
#gnb_menu02 .gnb_menu ul  {  margin-top: 11px; }
#gnb_menu02 .gnb_menu .ico_navi  { margin-left: 5px; }
#gnb_menu02 .gnb_menu .navi_txt   { margin-left: 9px;font-size: 1.2em; vertical-align: -3px; }
#gnb_menu02 .gnb_menu li a   { padding: .7em 15px; display: block; }
#gnb_menu02 .gnb_menu li:first-child  { -webkit-border-top-left-radius: .6em;  -moz-border-radius-topleft: .6em; border-top-left-radius: .6em; -webkit-border-top-right-radius: .6em;  -moz-border-radius-topright: .6em; border-top-right-radius: .6em; }
#gnb_menu02 .gnb_menu li:last-child  { -webkit-border-bottom-left-radius: .6em;  -moz-border-radius-bottomleft: .6em; border-bottom-left-radius: .6em; -webkit-border-bottom-right-radius: .6em;  -moz-border-radius-bottomright: .6em; border-bottom-right-radius: .6em; }
#gnb_menu02 .gnb_menu li  { margin-top:-1px;
    border: 1px solid #676767;
    background: #444;
    font-weight: bold;  
    color: #fff;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#515151), to(#444));  
    background-image: -webkit-linear-gradient(#515151, #444);  
    background-image:    -moz-linear-gradient(#515151, #444);
    background-image:     -ms-linear-gradient(#515151, #444);
    background-image:      -o-linear-gradient(#515151, #444);
    background-image:         linear-gradient(#515151, #444);
}
#gnb_menu02 .gnb_menu li:hover {
    border: 1px solid #3288bf; 
    background: #1c6f9a;
    font-weight: bold;  
    color: #fff;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4999d0), to(#1c6f9a));  
    background-image: -webkit-linear-gradient(#4999d0, #1c6f9a);  
    background-image:    -moz-linear-gradient(#4999d0, #1c6f9a);  
    background-image:     -ms-linear-gradient(#4999d0, #1c6f9a);   
    background-image:      -o-linear-gradient(#4999d0, #1c6f9a);  
    background-image:         linear-gradient(#4999d0, #1c6f9a);  
}
#gnb_menu02 .gnb_menu li:active {
    border: 1px solid #3288bf; 
    background: #1c6f9a;
    font-weight: bold;  
    color: #fff;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4999d0), to(#1c6f9a));  
    background-image: -webkit-linear-gradient(#4999d0, #1c6f9a);  
    background-image:    -moz-linear-gradient(#4999d0, #1c6f9a);  
    background-image:     -ms-linear-gradient(#4999d0, #1c6f9a);   
    background-image:      -o-linear-gradient(#4999d0, #1c6f9a);  
    background-image:         linear-gradient(#4999d0, #1c6f9a);  
} 

/*   2차 하단 menu   */
/*   Green   */
.depth_gnb .ui-btn-hover-d  {
	border: 1px solid #4f7300;
	background: #468100;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
}
.depth_gnb .ui-btn-down-d  {
	border: 1px solid #4f7300;
	background: #468100;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
}
.depth_gnb .ui-btn-active  {
	border: 1px solid #4f7300;
	background: #468100;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
}
.depth_gnb .on .ui-btn-up-d  {
	border-color: #4f7300;
	background: #468100;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
}
/*   Blue   */
.Blue .ui-btn-hover-d  {
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf);
}
.Blue .ui-btn-down-d  {
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf);
}
.Blue .ui-btn-active  {
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf);
}
.Blue .on .ui-btn-up-d  {
	border-color:#2a8db1;
	background: #2b8caf;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf);
}

/*    3단   */
.g_type01 .ui-block-a   { width:33% !important; }
.g_type01 .ui-block-b   { width:37% !important; }
.g_type01 .ui-block-c   { width:30% !important; }
/*    3단_my   */
.g_type04 .ui-block-a   { width:32% !important; }
.g_type04 .ui-block-b   { width:32% !important; }
.g_type04 .ui-block-c   { width:36% !important; letter-spacing: -1px; }
/*   2단   */
.g_type02 .ui-block-a   { width:50% !important; }
.g_type02 .ui-block-b   { width:50% !important; }
/*   4단   */
.g_type03 .ui-block-a   { width:23% !important; }
.g_type03 .ui-block-b   { width:26% !important; }
.g_type03 .ui-block-c   { width:26% !important; }
.g_type03 .ui-block-d   { width:25% !important; }

.depth_gnb .ui-btn-text   { font-size: 1.1em; }
.depth_gnb .ui-btn .ui-btn-inner { padding-top: 27px !important; }
.depth_gnb .ui-btn .ui-icon { width: 20px !important; height: 20px !important; margin-left: -10px !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.depth_gnb .ui-icon { background: url(../images/ico_2depth.png) no-repeat; width:20px; height:20px; -webkit-background-size:20px 340px;  }
@media screen and (-webkit-min-device-pixel-ratio:1.5){.depth_gnb .ui-icon  {background-image:url(../images/ico_2depthx2.png)}}
@media screen and (-webkit-min-device-pixel-ratio:2){.depth_gnb .ui-icon  {background-image:url(../images/ico_2depthx2.png)}}
.icoN1 .ui-icon  { background-position:0 0px; }
.icoN2 .ui-icon  { background-position:0 -20px; }
.icoN3 .ui-icon  { background-position:0 -40px; }
.icoN4 .ui-icon  { background-position:0 -60px; }
.icoN5 .ui-icon  { background-position:0 -80px; }
.icoN6 .ui-icon  { background-position:0 -100px; }
.icoN7 .ui-icon  { background-position:0 -120px; }
.icoN8 .ui-icon  { background-position:0 -140px; }
.icoN9 .ui-icon  { background-position:0 -160px; }
.icoN10 .ui-icon  { background-position:0 -180px; }
.icoN11 .ui-icon  { background-position:0 -200px; }
.icoN12 .ui-icon  { background-position:0 -220px; }
.icoN13 .ui-icon  { background-position:0 -240px; }
.icoN14 .ui-icon  { background-position:0 -260px; }
.icoN15 .ui-icon  { background-position:0 -280px; }
.icoN16 .ui-icon  { background-position:0 -300px; }
.icoN17 .ui-icon  { background-position:0 -320px; }

/************************************************************
00_2  :   알림
*************************************************************/
/*  info menu   */
.info_menu    { background: #fff; font-weight:bold; text-align: center; padding:.6em 0 0 0 ; margin-bottom:-1px; position: relative; -webkit-border-radius:0; border-radius:0; }
.info_menu .ui-btn   { width: 32%; }
.info_menu .ui-btn-inner    { padding: .5em 0 .6em; font-size: 1.2em; }

.info_menu .count_01   {  background: #bdf82f; }
.info_menu .count_02  { background: #fff000;  }
.info_menu .count_03  { background: #adf2ff;  }
.info_menu .ui-btn-text span    {min-width:18px; line-height: .5em; margin-left: 5px; text-align: center; padding: .5em ; -webkit-border-radius: 1em;  border-radius: 1em;  display: inline-block;  font-size:.8em; font-weight: bold; color:#000;   }
.info_menu .ui-btn-active   {
	border: 1px solid #016486;
	background: #137295;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#34c2e4), to(#137295));  
	background-image: -webkit-linear-gradient(#34c2e4, #137295);  
	background-image:    -moz-linear-gradient(#34c2e4, #137295);  
	background-image:     -ms-linear-gradient(#34c2e4, #137295);   
	background-image:      -o-linear-gradient(#34c2e4, #137295);    
	background-image:         linear-gradient(#34c2e4, #137295);   
}

/*  info_부킹  */
.info_booking    { margin:10px 8px; }
.info_booking .ui-listview   { margin:0; letter-spacing: -1px;  }
.info_booking .ui-icon   { display: none; }
.info_booking .ui-li .ui-btn-text a.ui-link-inherit   { white-space: normal; padding:.5em 65px .5em 10px; }
.info_booking time    { font-weight: normal; font-size:.9em; color:#777; position: absolute; top:.5em; right: 10px;  }
.info_booking .no   {background: #fff; margin:-10px -7px; padding: 40px 0; text-align: center; font-size: 1.1em; color:#555; font-weight: bold; }
/*  방문후 csss    */
.info_booking .visit .ui-btn-text    {  opacity: .5; font-weight: normal;}
.info_booking .visit .state    { background: #919191 !important; }
.info_booking .visit em   { color:#2f3e46 !important; }

.info_booking .info_bo em    { color:#0072c1; margin-right: 3px; }
.info_booking .state   { color: #fff;  padding: 0 3px 0 4px;  font-size:.8em; text-align: center; line-height:16px; border: 1px solid #0d4c90; -webkit-border-radius: 5px ; border-radius: 5px ;  display: inline-block; margin-right: 3px; }
.info_booking .info_bo .state   { background: #2790e1; }
.info_booking .jo_bo .state   { background: #73a307; }
.info_booking .jo_bo em    { color:#88B60e; margin-right: 3px; }

/*  info_알림   */
.inform_list    { margin:10px 8px; }
.inform_list .ui-listview   { margin:0; letter-spacing: -1px; }
.inform_list .ui-icon   { display: none; }
.inform_list .ui-li .ui-btn-text a.ui-link-inherit   { white-space: normal; padding:.5em 65px .5em 10px; }
/*.inform_list .ui-li .ui-btn-text a.ui-link-inherit   { white-space: normal; padding:.5em 65px .5em 60px; }
.inform_list .ui-li .ui-li-thumb  { max-width: 50px; max-height: 50px; }*/
.ui-li-has-thumb .ui-btn-inner a.ui-link-inherit   {  min-height: 40px; }
.inform_list .ui-li em    { color:#88B60e; margin-right: 3px; }
.inform_list time    { font-weight: normal; font-size:.9em; color:#777; position: absolute; top:.5em; right: 10px;  }
.inform_list .no   {background: #fff; margin:-10px -7px; padding: 40px 0; text-align: center; font-size: 1.1em; color:#555; font-weight: bold; }
/*  방문후 csss    */
.inform_list .visit .ui-btn-text    {  opacity: .5; font-weight: normal;}
.inform_list .visit em   { color:#2f3e46 !important; }

/*  info_쪽지   */
.info_letter_cont    {}
.info_letter_cont .btn_area    { border-top: none; }
/*   .tab_block 의 기본정의는  .tab_menu 에 정의되어 있음     */
.info_letter_cont .tab_block     { margin-left: -2px;  }
.info_letter_cont .tab_block .on3 li:nth-child(3) .ui-link    { background:#fff !important;  }

.info_letter    { margin:0 8px;  border: 1px solid #a7a7a7; border-top-color: #00429c; -webkit-border-radius: 1em; border-radius: 1em; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .3); box-shadow: 0px 1px 4px rgba(0, 0, 0, .3) ; }
.info_letter .no   {background: #fff;  padding: 25px 0 40px; text-align: center; font-size: 1.1em; color:#555; font-weight: bold; }

.info_letter_ch   { margin:10px 8px 5px; border: none; padding: 0;  }
.info_letter_ch .ui-btn-corner-all  {-webkit-border-radius: .6em; border-radius: .6em; }
.info_letter_ch .ui-block-a    {width: 40%; }
.info_letter_ch .ui-block-b    {width: 60%; text-align: right;padding-top: 2px; }
.info_letter_ch .ui-block-a .ui-btn-inner   { padding: .5em 0 .6em 35px; font-size:1.1em;}
.info_letter_ch .ui-block-a .ui-icon    { left:8px; }
.info_letter_ch .ui-block-a .ui-br    { margin: 0; padding: 0; border: none;}
.info_letter_ch .ui-block-b .ui-btn    {margin: 0 0 0 3px; }
.info_letter_ch .ui-block-b .ui-btn-inner    { font-size: 1.1em; padding: .5em 20px .6em ; }

.info_letter .ui-listview   { margin: 0; letter-spacing: -1px; }
.info_letter .ui-listview .ui-icon   {  display:none; }
.info_letter .ui-listview .ui-li .ui-btn-text a.ui-link-inherit   { padding: .5em 10px .5em 35px; }
.info_letter .ui-listview .ui-checkbox    { margin: 0; z-index: 10;position: absolute; top:0; left:0; }
.info_letter .ui-listview .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon   { left: 7px; top:16px; display:inline-block;  }
.info_letter .ui-listview .ui-checkbox .ui-btn-up-c    {border: none; background: none; }
.info_letter .ui-listview .ui-checkbox .ui-btn-hover-c    {border: none; background: none; }
.info_letter .ui-listview .ui-checkbox .ui-btn-down-c    {border: none; background: none; }
.info_letter .ui-listview .ui-checkbox .ui-btn-inner   {padding: 0 !important; overflow:auto; min-height:30px; }
.info_letter .ui-listview .ui-checkbox input     {display: none; }
.info_letter .ui-listview label    {min-width:80px; min-height:50px; display:inline-block !important; text-indent: -9999em; }

.info_letter .ui-listview li:last-child   {-webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em;-webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; }
.info_letter .tit   {  font-weight: bold; width:65% !important; display:inline-block !important; text-overflow: ellipsis;overflow: hidden; white-space: nowrap;  }
.info_letter .mem .tit   { color:#88B60e;  }
.info_letter .cl .tit   { color:#0072c1;  }
.info_letter .sub   { color:#2f3e46;  display:block !important; text-overflow: ellipsis;overflow: hidden; white-space: nowrap; }
.info_letter time    { font-weight: normal; font-size:.9em; color:#777; position: absolute; top:.5em; right:10px;  }
.info_letter .state   { min-width:35px; color: #fff; padding: 0 3px 0 4px; font-weight:bold;  font-size:.8em; text-align: center; line-height:16px; border: 1px solid #426632; -webkit-border-radius: 5px ; border-radius: 5px ;  display: inline-block; margin-right: 3px;   }
.info_letter .mem .state   { background: #73a307; }
.info_letter .cl .state   { background: #2790e1; }
/*  방문후 csss    */
.info_letter .visit .ui-link-inherit     {  opacity: .5; font-weight: normal; }
.info_letter .visit .state    { background: #919191 !important; }
.info_letter .visit .tit   { color:#2f3e46 !important; font-weight: normal; }


/************************************************************
00_3  :   리스트형
*************************************************************/
/*  리스트 오버_클릭시 focus 색상   */
.ui-listview .ui-btn-hover-c {
	border:none; border-top: 1px solid #ccc;
	background: #d6feff;
	font-weight: bold;  
	text-shadow:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fdfe), to(#d6feff));  
	background-image: -webkit-linear-gradient(#f3fdfe, #d6feff);  
	background-image:    -moz-linear-gradient(#f3fdfe, #d6feff); 
	background-image:     -ms-linear-gradient(#f3fdfe, #d6feff); 
	background-image:      -o-linear-gradient(#f3fdfe, #d6feff); 
	background-image:         linear-gradient(#f3fdfe, #d6feff); 
}
.ui-listview .ui-btn-down-c {
	border:none; border-top: 1px solid #ccc;
	background: #d6feff;
	font-weight: bold;  
	text-shadow:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fdfe), to(#d6feff));  
	background-image: -webkit-linear-gradient(#f3fdfe, #d6feff);  
	background-image:    -moz-linear-gradient(#f3fdfe, #d6feff); 
	background-image:     -ms-linear-gradient(#f3fdfe, #d6feff); 
	background-image:      -o-linear-gradient(#f3fdfe, #d6feff); 
	background-image:         linear-gradient(#f3fdfe, #d6feff); 
}
.ui-listview .ui-btn-active {
	border:none; border-top: 1px solid #ccc;
	background: #d6feff;
	font-weight: bold; 
	color: #000; 
	text-shadow:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fdfe), to(#d6feff));  
	background-image: -webkit-linear-gradient(#f3fdfe, #d6feff);  
	background-image:    -moz-linear-gradient(#f3fdfe, #d6feff); 
	background-image:     -ms-linear-gradient(#f3fdfe, #d6feff); 
	background-image:      -o-linear-gradient(#f3fdfe, #d6feff); 
	background-image:         linear-gradient(#f3fdfe, #d6feff); 
}
.ui-listview .ui-btn-active a.ui-link-inherit { color:#000 !important; }

/*   img 크게보기     */
.img_view    { padding: 10px !important; }
.img_view img   { width:100%; }

/*   갤러리형 list     */
.gallery_list .ui-listview {margin: 0 !important;  }
.gallery_list .ui-listview .ui-li-thumb   {  width:60px; height: 60px; max-height: 60px; max-width: 60px; border:1px solid #dbdbdb; margin-top: 6px;}
.gallery_list .ui-listview .ui-btn-text  { margin: .3em 0; margin: 0 5px; padding:0;}
.gallery_list .ui-li-heading   {margin:-.2em 0 0 0; color: #0072c1; white-space: normal; }
.gallery_list .ui-li-heading em  {color: #000; font-size: .8em; margin-right: 5px; }
.gallery_list .ui-li-heading .ico_all    { vertical-align: -2px;}
.gallery_list .ui-li-desc   {margin:.4em 0 .3em 0;  line-height: 1.2em; color:#777;font-size:1em;  }
.gallery_list .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit { padding-right: 10px; }
.gallery_list .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit  {min-height:45px; padding-left: 70px;}
.gallery_list .ui-btn-icon-right .ui-btn-inner .ui-icon { display: none;}
.gallery_list .nickname   { color: #000;  }
.gallery_list .mem {  float:left; width:auto; margin:0 ; font-size:1em;   white-space: normal;}
/*.gallery_list small   { color: #999;  font-size: .9em; margin-right: 5px; }*/
.gallery_list time   { color: #999;  float:right; font-weight: normal; font-size: 1em; margin-right: 5px; }
.gallery_list .ui-listview .ui-li    { border-top-width: 0;  }
.gallery_list .ui-listview li   { border-bottom:1px solid #ddd;}

.gallery_list .ui-listview .ui-btn-hover-c {
	background: #d6feff;
	font-weight: bold;  color: #000;
	text-shadow:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fdfe), to(#d6feff));  
	background-image: -webkit-linear-gradient(#f3fdfe, #d6feff);  
	background-image:    -moz-linear-gradient(#f3fdfe, #d6feff); 
	background-image:     -ms-linear-gradient(#f3fdfe, #d6feff); 
	background-image:      -o-linear-gradient(#f3fdfe, #d6feff); 
	background-image:         linear-gradient(#f3fdfe, #d6feff); 
}
.gallery_list .ui-listview .ui-btn-active {
	background: #d6feff;
	font-weight: bold;  color: #000;
	text-shadow:none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3fdfe), to(#d6feff));  
	background-image: -webkit-linear-gradient(#f3fdfe, #d6feff);  
	background-image:    -moz-linear-gradient(#f3fdfe, #d6feff); 
	background-image:     -ms-linear-gradient(#f3fdfe, #d6feff); 
	background-image:      -o-linear-gradient(#f3fdfe, #d6feff); 
	background-image:         linear-gradient(#f3fdfe, #d6feff); 
}
.gallery_list .ui-btn-active a.ui-link-inherit {color: #000; }

/*    검색결과 없음    */
.no_list   {padding:0 !important; margin-top: 20px !important;  }
.no_list p    { background: url(../images/bullet04.gif) no-repeat 0 7px; padding:0 10px; margin: 5px 20px !important; white-space:normal; font-size: .9em; color:#777;}
.no_list p:first-child   {  background:none !important; text-align: center !important; font-size: 1.1em !important;  color:#555 !important; font-weight:bold; padding:0 !important; margin:0 0 20px 0 !important; letter-spacing: -1px; }
.no_list p:last-child   {margin-bottom: 20px !important; }


/************************************************************
00_4  :   상세페이지
*************************************************************/
.sex_m   {color: #0078d4; }
.sex_w   {color: #ff1583; }

/*   상세페이지   */
.view_cont   { }
.view_cont img   { width: 100%; }
.view_cont li   { padding:8px 8px 6px 8px; position:relative;
	border-bottom: 1px solid  #ccc; 
	background-image: -webkit-gradient(linear, left 60%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.view_cont li li   { border-bottom: none; background: none; padding:0;}
.view_cont h5   { font-weight: bold; color: #000; font-size: 1.1em; background: url(../images/bullet03.gif) no-repeat 0 4px; padding-left: 10px;  margin-bottom: 5px; }
.view_cont .take   { margin-left: 5px;color: #999; }
.view_cont .take li   { display: inline-block; padding:0 1px;}
.view_cont .take .ico_all   { vertical-align: -3px; }
.view_cont .take .state   {  font-weight:bold; }
.view_cont .take li:nth-child(1).state   { color: #b90400; }
.view_cont .take li:nth-child(3).state   { color: #0078d4; }
.view_cont .take li:nth-child(5).state   { color: #529500; }
.view_cont .ta_li li   { padding:0 7px;}    /*  동호회 정기라운드 view  */
.view_cont .bt   { position: absolute; bottom:2px; right:3px; }
.view_cont .bt .ui-btn-inner { padding: .3em 10px .4em 12px; }
.view_cont .bt .ui-shadow   {box-shadow: none; -webkit-box-shadow: none;}
.view_cont .bt_A .ui-btn-text   {color: #0078d4; }
.view_cont .bt_A .ui-btn-up-c {border: 1px solid #74a2d1; }
.view_cont .bt_B .ui-btn-text   {color: #c58600; }
.view_cont .bt_B .ui-btn-up-c { border: 1px solid #904b00; }
.view_cont .bt_C .ui-btn-text   {color: #cb2424; }
.view_cont .bt_C .ui-btn-up-c { border: 1px solid #8f3321; }
.view_cont .round   {}
.view_cont .round li   { display: inline-block; padding:0 4px;}
.view_cont .part_if   { margin-right:-5px;  }
.view_cont .part_if li   { display: inline-block;  width: 49%; }
.view_cont .part_if li:nth-child(2n)   {  width: 45%; }
.view_cont .part_if li:nth-child(2n) h6  {  width: 48% !important; }
.view_cont .part_if h6  { color:#999; display: inline-block;  width: 44%; background: url(../images/bar02.gif) no-repeat 100% 3px; padding-right: 5px; font-size:1em;  margin-right:5px;  letter-spacing: -1px; }
.view_cont .in_block   { }
.view_cont .in_block h5   { display: inline-block;  margin-right: 15px;}
.view_cont .in_block mark   { color: #0078d4; font-weight: bold;}
.view_cont .sub    { color: #000; font-weight: bold; font-size: 1.1em;  }
.view_cont .sub .con {font-size: .9em;  margin-top: 5px; }
.view_cont .sub .con p    { display: inline-block; }
.view_cont .sub .con .nice  {background:url(../images/bar.gif) no-repeat 0 4px; padding-left:8px; margin-left:1px;  color: #888;}
.view_cont .sub .con .nice mark   { color: #0072c1; margin-left: 3px; font-weight: bold;}
.view_cont .sub time   { color:#888; float:right; font-weight: normal; margin-top: -18px;font-size: .9em; }
/*  이미지 & 텍스트 보기    */
.view_cont .view_txt   {font-weight: normal; font-size:1em; background: #fff; }
.view_cont .view_txt .img_info   {float: left; margin: 0 10px 5px 0; position: relative; display: inline-block; }
.view_cont .view_txt .img_info img   {max-width: 100px; }
.view_cont .view_txt .img_max    {max-width: 600px !important; }
.view_cont .view_txt .img_max img  {max-width: 100% !important; }
.view_cont .view_txt .img_info .bt_view   { position: absolute; bottom:2px; right:-3px; z-index:10;  width: 100px; height:100px; display: inline-block; vertical-align: bottom; text-align: right; cursor: pointer;  }
.view_cont .view_txt .img_info .bt_view .ico_btn    { vertical-align: -86px; }
.view_cont .view_txt .img_info .bt_view .ico_btn em   { display: none; }
/*  이미지 & 텍스트 보기_동호회 앨범 상세    */
.img_slide   {margin: 0 0 10px 0; position: relative; text-align: center; min-height:70px;  }
.img_slide .img    {  position: relative; margin: 0 30px; }
.img_slide .img .img_info   {float:none; margin: 0 auto; }
.img_slide .img .img_info img   {width: 100% !important;  max-width:100% !important; }
.img_slide .img_num  { color:#999; font-size: .9em; font-weight:bold; margin-top: -5px; }
.img_slide .img_num mark  { color:#ed1c24;  margin: 0 3px; }
.img_slide .arr_right    { position: absolute; top:50%; right:0; width:30px;  height: 50px; margin:-35px -5px 0 0; background: none; border: none; cursor: pointer; z-index: 50; }
.img_slide .arr_right em   { background:url(../images/arr_right.png) no-repeat; background-size:100% 100%; width:22px;  height: 42px; display: inline-block; text-indent: -9999em;  }
.img_slide .arr_left    { position: absolute; top:50%; left:0; width:30px;  height: 50px; margin:-35px 0 0 -5px; background: none; border: none; cursor: pointer; z-index: 50; }
.img_slide .arr_left em   { background:url(../images/arr_left.png) no-repeat; background-size:100% 100%; width:22px;  height: 42px; display: inline-block; text-indent: -9999em;  }

/*  코스공략 view  */
.view_cont .course    { color: #000; font-weight: bold; font-size: 1em; }
.view_cont .course h5   { font-weight: bold; color: #0072c1; font-size: 1.1em; background: none; padding-left: 0;  margin-bottom: 5px; }
.view_cont .course time   { color:#888; float:right; font-weight: normal; margin-top: -18px; }
.view_cont .course .nick   { color: #000; font-weight: normal; }
.view_cont .bt_nice     {  margin-left: 0 !important;  border-color:#55a3da !important; letter-spacing: -1px; }
.view_cont .bt_nice .ui-btn-inner   {font-size: 1em; padding: .5em 12px .5em 7px !important; }
.view_cont .bt_nice em   {background:url(../images/ico_nice.png) no-repeat; background-size:100% 100%; width:20px; height:20; display: inline-block;  text-indent: -9999em; margin-right: 3px; vertical-align:1px; }
.view_cont .bt_nice_l   {   border-color:#55a3da !important;  font-weight: bold; }
.view_cont .bt_nice_l .ui-btn-inner   {min-width:30px; font-size: 1.2em; padding: .2em 5px .5em !important;  }
/*    공지사항 view      */
.view_cont .part     {  margin-top: 3px; }
.view_cont .part span   { min-width: 40px; }
.view_cont .part time   { font-weight: normal; margin-left: 7px; vertical-align: -2px; float: none; margin-top: 0 !important; }
/*  정기라운드 view   */
.view_cont .sub_tit   { padding: 0 45px 0 3px; position: relative;  color: #000;  font-size: 1.1em; }
.view_cont .sub_tit span   { position: absolute; top:0; right:0; min-width:40px; }
.view_cont .assign    {padding: 0 5px; }
.view_cont .assign mark    {background:url(../images/bar03.gif) no-repeat 0 3px; padding-left:15px; margin:0 5px; color:#0072c1;font-weight: bold;  }
.bt_assign   { margin: 10px 7px 0; }
.bt_assign .ui-btn   { margin: 0 4px; }
.bt_assign .ui-btn-corner-all   {-webkit-border-radius: .6em; border-radius: .6em}
.bt_assign .ui-btn-inner   {padding: .6em 0 !important; }
.bt_assign .ui-block-a   { width:67%; }
.bt_assign .ui-block-b   { width:33%;  }
/*   가운데 정렬 btn    */
.view_cont .bt_my .ui-block-a    { text-align: right; } 
.view_cont .bt_my .ui-btn-inner   { min-width: 80px; padding: .5em 20px;}
.view_cont .bt_my .ui-btn    { margin: .2em 5px .3em 5px;}
.view_cont .bt_person   { float: right; }
.view_cont .bt_person .ui-btn  { margin:-4px 0 5px 0;}
.view_cont .bt_person .ui-btn-inner { padding: .3em 15px .4em 18px; }
/*   좌우측 정렬 btn   */
.view_cont .bt_side .ui-block-a    {  width:50%; } 
.view_cont .bt_side .ui-block-b    {  width:50%; text-align: right;} 
.view_cont .bt_side .ui-btn    { margin: .2em 0 .3em;}
.facebook_btn    {padding: .5em 10px;  font-weight: bold; font-size: 1.1em;  text-align: center; cursor: pointer;  
	border: 1px solid #9f9f9f;
	background: #fff;
	font-weight: bold;  
	color: #333;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
 }
.facebook_btn .ico_navi    { margin-right: 5px; }

/*   댓글    */
.reply_area    {margin:10px 8px 20px 8px;}
.reply_area h5   { font-weight: bold; color: #000; font-size: 1.1em; background: url(../images/bullet.gif) no-repeat 0 6px; padding-left: 10px;  margin-bottom: 5px; }
.reply_area h5 mark  {color: #cb2424; }
.reply_area fieldset.ui-field-contain    { margin: 0;}
.reply_write   { margin-bottom: 10px;}
.reply_write .ui-block-a   { width:75%; }
.reply_write .ui-block-b  { width:23%; margin-left: 5px; }
.reply_write textarea   { border: 1px solid #d3d3d3; background: #fff;  font-weight: bold; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em;}
.reply_write .ui-field-contain textarea.ui-input-text     {width: 97%; }
.reply_write fieldset.ui-field-contain  { padding: 0; border-width:0;}
.reply_write .ui-block-b .ui-btn  { margin:0 5px; }
.reply_write .ui-block-b .ui-btn-inner   {padding:1.4em 20px; }
.reply_list   { margin: 0 !important; }
.reply_list li   {background: url(../images/dot.gif) repeat-x left bottom; padding: 5px 0 5px 60px; position: relative;  }
.reply_list li:after   {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.reply_list li:last-child    { background: none;}
.reply_list li a    { position: absolute; top:0; left:-60px; }
.reply_list .ui-btn-up-c    { border: none; }
.reply_list .ui-btn-hover-c    { border: none;  background: url(../images/dot.gif) repeat-x left bottom #fff; }
.reply_list .ui-icon   { display: none; }
.reply_list .ui-li-desc   { white-space: normal; margin: 0; font-size:1em; color: #888; }
.reply_list .ui-li-thumb   {max-width:50px; max-height: 50px;}
.reply_list .ui-btn-inner a.ui-link-inherit  { min-width: 60px; min-height: 50px; padding:0;  }
.reply_list .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit     { padding-right:0; }
.reply_list .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit  { min-height: 50px;  }
.reply_list .ui-li .ui-btn-inner a.ui-link-inherit  {display: inline-block; }
.reply_list .ui-li-heading   { margin: 0;  font-size: 1.1em; color: #000;}
.reply_list time   { color: #999;  float:right; font-weight: normal; font-size: .9em; margin-right: 5px; }
.reply_list .nice   {  float:left; font-weight: normal; position: relative; z-index: 10; }
.reply_list .nice .ui-btn-inner    { padding:0 7px 0 3px; font-size: .8em; color:#666;  }
.reply_list .nice a   { position: relative !important; top:0 !important; left:0 !important; }
.reply_list .nice .ui-btn-up-c    { border:1px solid #ccc; background: #ebfbff; }
.reply_list .nice .ui-btn-hover-c    { border:1px solid #ccc; background: #ebfbff; }
.reply_list .nice .ui-btn     {  margin: 0;}
.reply_list .nice .ui-btn-corner-all   {-webkit-border-radius: 7px; border-radius: 7px; }
.reply_list .nice em   {background:url(../images/ico_nice.png) no-repeat; background-size:125% 65%; width:10px; height:10; display: inline-block;  text-indent: -9999em; margin-right: 4px; vertical-align:-3px; }
.reply_list .nice mark   { color: #0072c1;  font-size: 1.1em;   }
.reply_list button  { width:80px; height:50px; text-align:right; border: none; background:none; cursor: pointer; position: absolute; top:0; right: 0; z-index: 10; }
.reply_list button span   {position:relative; top: -15px; right:5px;}
.reply_list .no_l   {color: #999; text-align: center;font-weight: normal; font-size: 1em; letter-spacing: -1px; }

/*   검색영역   */
.search_area   { margin:10px 0 10px 7px; }
.search_area .ui-btn-corner-all {-webkit-border-radius: 9px; border-radius: 9px;}
.search_area .ui-focus   {box-shadow: none; -webkit-box-shadow: none;}
.search_area .ui-btn-up-c  { border: 1px solid #bbb; }
.search_area .ui-br  { border: none !important;}
.search_area .ui-field-contain   { padding:0; }
.search_area .date   { margin-bottom:10px !important; }
.search_area .date label   {display:block; }
.search_area .date label em  {display:inline-block; background: url(../images/bar02.gif) no-repeat 100% 3px; padding-right: 10px; margin:0 0 2px 7px;  font-weight: bold; color: #000;}
.search_area .date .ui-select   { display: inline-block;  margin:0; width:45%; }
.search_area .date .ui-select .ui-btn   {width: 100%; }
.search_area .date .spa   { width:15px; display: inline-block; text-align: center;  margin-left: 2px; }
.search_area .date .ui-btn-inner   {padding: .6em 45px .6em 20px; }
.search_area .date .ui-input-datebox   {display: inline-block;  margin:0; width:41%;border:1px solid #bbb;  }
.search_area .date .ui-input-datebox .ui-btn   { margin: 0;}
.search_area .date .ui-input-datebox input    { margin-right: -30px !important;}
.search_area .date .ui-input-datebox .ui-btn-inner     { padding: 0;}
.search_area .date .ui-shadow-inset    {-webkit-box-shadow:none; box-shadow:none; }

.search_area .ui-field-contain    { margin: 0;}
.search_area .ui-block-a   { width: 33%;}
.search_area .ui-block-b   { width: 65% ; }
.search_area .ui-block-a .ui-select   { display: inline-block;  margin:0; width:100%; }
.search_area .ui-block-a .ui-btn  {   margin-right: 7px; }
.search_area .ui-block-a .ui-btn-inner   {padding: .5em 30px .5em 10px; }
.search_area .ui-block-a .ui-select .ui-btn-icon-right .ui-icon    { right: 7px; }
.search_area .ui-icon-searchfield   { border: 1px solid #ccc;}
.search_area .ui-block-b .ui-input-search   { width:100%;  padding:0;  position: relative;  }
.search_area .ui-body    {clear: none;}
.search_area .ui-block-b .ui-input-search input.ui-input-text   { width:70%; min-height: 22px; padding: .4em 0; margin-left: 5px; }
.search_area .ui-block-b .ui-icon-searchfield:after {  background: none;} 
.search_area .ui-block-b .ui-btn-up-c   {  border:none !important; background:none; background-image: none;}
.search_area .ui-block-b .ui-btn-hover-c   { border:none !important; background:none; background-image: none;}
.search_area .ui-block-b .ui-btn-down-c   { border:none !important;  background:none; background-image: none;}
.search_area .ui-block-b .ui-shadow   {  -webkit-box-shadow: none; box-shadow: none; }
.search_area .ui-block-b .ui-shadow-inset { -moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none;}
.search_area .ui-block-b .ui-input-search .ui-input-clear   { right: 25px; }
.search_area .ui-block-b .ser_btn  { position: absolute; top:1px; right:-1px; background: #e3e3e3; width: 30px; height: 34px; -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px; }
.search_area .ui-block-b .ser_btn button { border: none; background: none; text-align: center;}
.search_area .ui-block-b .ser_btn button span  { vertical-align: -7px; margin-left: 5px;}
.search_area .ui-block-b .ser_btn a span  { vertical-align: -7px; margin-left: 5px;}

.s_result   { font-weight: bold; color: #000; font-size: 1.1em; background: url(../images/bullet.gif) no-repeat 0 6px; padding-left: 10px;  margin:20px 0 5px 10px;  }
.s_result mark  {color: #cb2424;  margin-left: 5px;}

.search_area .key_ch   { margin:10px 0 10px 0; }
.search_area .key_ch .ui-select   {  display: inline-block;  margin:0; width:48%; margin-right:1%; }
.search_area .key_ch .ui-select .ui-btn  { margin-right: 7px; width:100%;}
.search_area .key_ch .ui-btn-inner   {padding: .5em 30px .5em 10px; }
.search_area .key_ch .ui-select .ui-btn-icon-right .ui-icon    { right: 7px; }
.search_area .se_area   { padding-right: 10px; }
.search_area .se_area .ui-input-search   { width:100%;  padding:0;  position: relative;  }
.search_area .se_area .ui-input-search input.ui-input-text   { width:75%; min-height: 22px; padding: .4em 0; margin-left: 5px;  }
.search_area .se_area .ui-icon-searchfield:after {  background: none;} 
.search_area .se_area .ui-btn-up-c   {  border:none !important; background:none; background-image: none;}
.search_area .se_area .ui-btn-hover-c   { border:none !important; background:none; background-image: none;}
.search_area .se_area .ui-btn-down-c   { border:none !important;  background:none; background-image: none;}
.search_area .se_area .ui-shadow   {  -webkit-box-shadow: none; box-shadow: none; }
.search_area .se_area .ui-shadow-inset { -moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none;}
.search_area .se_area .ui-input-search .ui-input-clear   { right: 40px; }
.search_area .se_area .ser_btn  { position: absolute; top:1px; right:9px;  background: #e3e3e3; width: 40px; height: 34px; -webkit-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px; }
.search_area .se_area .ser_btn button { border: none; background: none; text-align: center;}
.search_area .se_area .ser_btn button span  { vertical-align: -7px; margin-left:10px;}
.search_area .se_area .ser_btn a span  {  margin-top:5px; margin-left: 10px;}

/*   참여자 설정   */
.person_take   { margin: 10px; }
.person_take h3    { font-weight: bold; color: #000; font-size: 1.1em; background: url(../images/bullet.gif) no-repeat 0 8px; padding-left: 10px;  margin-bottom: 5px;  }
.person_take h3 span   {background: url(../images/bar02.gif) no-repeat 0 6px; padding-left: 13px;  margin-left:5px; color: #888; font-size: 1.1em; }
.person_take h3 mark   {color: #0078d4; }
.person_list   { margin: 0 !important;}
.person_list li   {background: url(../images/dot.gif) repeat-x left bottom; padding: 10px 10px 10px 60px; position: relative;min-height: 50px;  }
.person_list li:last-child    { background: none;}
.person_list li a img  { position: absolute; top:10px; left:0; max-width:50px; max-height: 50px;}
.person_list li li   { background: url(../images/bar.gif) no-repeat 100% 3px; padding:0 7px 0 0;  margin-right:5px; color: #888; display: inline-block; min-height: 20px;  }
.person_list li li:last-child   { background: none; padding:0 ;   }
.person_list h5   { margin: 0;  font-size: 1.1em; color: #000; font-weight: bold; }
.person_list label   { display: inline-block;  height: 50px; text-align: right; }
.person_list .ui-checkbox   { position: absolute; top:0; right:0;  }
.person_list .ui-checkbox .ui-btn-icon-left .ui-icon    { left:80px;}
.person_list .ui-checkbox .ui-btn    {  padding-top: 17px;}
.person_list .ui-checkbox .ui-btn-inner    {  padding:1em 0 1em 90px;}
.person_list .ui-checkbox .ui-btn-up-c   {  background: none; border: none; }
.person_list .ui-checkbox .ui-btn-hover-c   {  background: none; border: none;}
.person_list .ui-checkbox input    { top:10px; left:45px; visibility: hidden; }
.person_list .no_l   {color: #999; text-align: center;font-weight: normal; font-size: 1em; letter-spacing: -1px;padding: 10px; }

.updown_bt   {padding-bottom: 5px; }
.updown_bt .ico_S  { vertical-align: 4px;  margin-left: 10px;}
.updown_bt button   { padding-top:.4em; padding-bottom:.5em; font-size:1.3em; width:100%; display: block; cursor: pointer; }
.updown_bt .ui-block-a button   { 
	border: 1px solid #242424;
	background: #262626;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#262626));  
	background-image: -webkit-linear-gradient(#696969, #262626);  
	background-image:    -moz-linear-gradient(#696969, #262626);   
	background-image:     -ms-linear-gradient(#696969, #262626);   
	background-image:      -o-linear-gradient(#696969, #262626);   
	background-image:         linear-gradient(#696969, #262626);  
}
.updown_bt .ui-block-b button   { 
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf); 
}



/************************************************************
00_5  :   입력 폼
*************************************************************/
.content-primary   { }
.content-primary .ui-body-c    { background: none; }
.li_write { background: #fff !important; }
.li_write_nbd   { background: #fff !important; border-bottom: none !important; }
.content-primary .ui-listview-inset   { border: 1px solid #a7a7a7; -webkit-border-radius: 1em; border-radius: 1em;  margin: 10px 8px !important; }
.content-primary .ui-listview   {  margin: 0; }
.content-primary .ui-shadow   {box-shadow: none; -webkit-box-shadow: none;}
.content-primary .ui-field-contain  { border-bottom: 1px solid #cbcbcb;  padding:.5em 0;  margin: 0;}
.bd_btno .ui-field-contain  { border-bottom: none !important;}
.content-primary .ui-field-contain:last-of-type  { border-bottom: none;}
.if   {margin: 10px 8px !important; border: 1px solid #a7a7a7; -webkit-border-radius: 1em; border-radius: 1em; } 
.if .ui-listview-inset   { border: none !important; margin: 0 0 10px 0!important; }
.if .ui-listview   {  margin-top:-5px;  margin-bottom: 7px;}
.if .ui-field-contain   { border-bottom: none !important; }
.if .ro_info   {padding-bottom: 0 !important;}
.if .ui-body   {padding: .3em 0 !important; }
.if .ui-collapsible-content .ui-controlgroup { margin-bottom: -4px !important;  }
.if .ui-collapsible-content .ui-radio .ui-btn   { min-width:64px; }
.if .ui-collapsible-content .ui-radio .ui-btn-inner   { padding: .3em 0 .5em !important;  }

.che_bt    {}
.che_bt .ui-block-a    { width: 28%; font-weight: bold; color:#000; font-size: 1.1em;  }
.che_bt .ui-block-a span    { margin-left: 10px;  line-height: 40px; }
.che_bt .ui-block-b    { width: 72%; }
.che_bt .ui-block-b .ui-btn    { margin: 0 10px 0 0; }
.che_bt .ui-block-b .ui-btn-inner   {  font-size: 1.2em;  padding: .3em 0 .6em; }
.che_pop    {   } 
.che_pop .ui-controlgroup   { margin: 15px; }

.che_list   {margin: 10px 8px !important; }  
.che_list .ui-listview-inset   { border: none !important; margin-bottom:10px !important; }
.che_list .ui-listview   {  margin-top:-5px;  margin-bottom: 7px; }
.che_list .ui-field-contain   { border-bottom: none !important; }
.che_list .ui-body   {padding: .3em 0 !important; }
.che_list .ui-collapsible-content    { margin: 0; padding: 0 !important}
.che_list .ui-collapsible   { border: 1px solid #a7a7a7;-webkit-border-radius: 1em; border-radius: 1em;  margin-bottom: 15px !important;  }
.che_list .ui-collapsible-content .ui-controlgroup { margin-bottom: -4px !important;   }
.che_list .ui-collapsible-heading .ui-btn-up-c   {  background: #d2e7ed !important;  }
.che_list .ui-collapsible-heading .ui-btn-inner   { text-align: center; color:#2b5a8a; font-size: 1em; font-weight: bold; }
.che_list .ui-collapsible-heading .ui-icon   {background-color: rgba(86, 106, 137, 1); }
.che_list .ui-collapsible-heading .ui-icon-minus { background-position: -180px 50%; }
.che_list .ui-collapsible-content .ui-btn-up-c   {  border:none; }
.che_list .ui-collapsible-content .ui-btn-hover-c   {  border:none; }
.che_list .ui-collapsible-content .ui-btn-down-c   {  border:none; }
.che_list .ui-collapsible-content .ui-btn-inner   {  padding: .6em 10px .7em 45px; }

.board_f   {  }
.board_f .ui-body  { padding: .7em 10px !important; }
.board_f label   { color:#000; font-weight: bold !important;  padding: 3px 0 5px 5px; display: block; }
.board_f textarea   {  width: 95%;  min-height: 70px; background:#f5f5f5 !important; font-weight: normal !important; } 
.board_f input   {  background: #fff !important; min-height: 25px;}
.board_f .ui-body-c {
	background: #fff;
	font-weight: bold;  
	color: #333;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#ededed));  
	background-image: -webkit-linear-gradient(#fff, #ededed);  
	background-image:    -moz-linear-gradient(#fff, #ededed); 
	background-image:     -ms-linear-gradient(#fff, #ededed); 
	background-image:      -o-linear-gradient(#fff, #ededed); 
	background-image:         linear-gradient(#fff, #ededed); 
}
.board_f .ui-controlgroup-label    {width: 22% !important;  padding-left: 5px !important;}
.board_f .ui-radio .ui-btn-inner   { padding: .3em 12px .4em !important; border-top: none;}
.board_f .ui-controlgroup-controls   {width:auto !important;}
.board_f .ui-btn-active   {	
	border: 1px solid #2a8db1 !important;
	background: #2b8caf !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf)) !important;
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf) !important; 
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf) !important; 
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf) !important; 
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf) !important; 
	background-image:         linear-gradient(#56d2ed, #2b8caf) !important;
}
.board_f .txt   { color:#0072c1; font-size: .9em; margin: 3px 12px 10px 12px; display: inline-block;  white-space: normal; }
.board_f .txt_photo   { color:#0072c1; font-size: .9em; display: inline-block;  white-space: normal; margin-bottom: -15px; }
.board_f .bt_photo    { position:absolute; top:8px; right:5px; display: inline-block; }
.board_f .bt_photo .ui-btn-inner    { padding: .4em 15px .6em; font-size: 1.1em; }
 /*  코스공략  글쓰기   */
.course_W  {}
.course_W .ui-body  { padding: .7em 10px !important; }
.course_W .ui-body:first-of-type  { padding-bottom:.3em !important; }
.course_W label   { color:#000; font-weight: bold !important;  padding: 3px 0 5px 5px; display: block; }
.course_W textarea   {  width: 95%;  min-height: 70px; background:#f5f5f5 !important; } 
.course_W input   {  background: #fff !important; min-height: 25px;}
.course_W .ui-body-c {
	background: #fff;
	font-weight: bold;  
	color: #333;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#ededed));  
	background-image: -webkit-linear-gradient(#fff, #ededed);  
	background-image:    -moz-linear-gradient(#fff, #ededed); 
	background-image:     -ms-linear-gradient(#fff, #ededed); 
	background-image:      -o-linear-gradient(#fff, #ededed); 
	background-image:         linear-gradient(#fff, #ededed); 
}
.course_W .ui-controlgroup-label    {width: 30% !important;  padding-left: 5px !important;}
.course_W .ui-radio .ui-btn-inner   { padding: .3em 12px .4em !important; border-top: none;}
.course_W .ui-controlgroup-controls   {width:auto !important;}
.course_W .golf_co    { margin-bottom: 7px;  }
.course_W .golf_co .ui-block-a   {width:48%; padding-right: 6px; }
.course_W .golf_co .ui-btn-inner   {  font-size: 1em ; }
.course_W .golf_co .ui-select    {max-width:99% !important;  width:99%; }
.course_W .golf_co .ui-select .ui-btn   {width:100%; }
.course_W .golf_co input   { width:92% !important; }
.course_W .hall_co .ui-block-a   { width:48%; padding-right: 6px; }
.course_W .hall_co .ui-btn     {  margin: 0; }
.course_W .hall_co .ui-btn-inner   {  font-size: 1em ; }
.course_W .hall_co .ui-select .ui-btn   { width:100%; }
.course_W .hall_co .ui-block-a .ui-select     { width:99% !important; max-width:99% !important;   }
.course_W .hall_co .ui-block-b .ui-select     { width:48% !important; max-width:63% !important; display: inline-block;  }
.course_W .hall_co .ui-block-b .ui-btn-inline  {  width:44% !important;margin:0 0 0 6px;display: inline-block;  } 
.course_W .hall_co .ui-block-a input   { width:70% !important;display: inline-block; }
/*   Q&A  문의    */
.qna_form   {margin: 0 0 10px 0!important; padding-top: 5px; }
.qna_form .ui-controlgroup-label   {width:100%; background: url(../images/bullet03.gif) no-repeat 0 6px;  color:#777 !important;font-size: 1.1em !important;  margin:0 0 5px 7px !important; display: block !important;  }
.qna_form .ui-li-static.ui-li    { padding: 10px; border:none;   }
.qna_form .ui-controlgroup-controls   { width:100% !important; margin-bottom: 5px; }
.qna_form .ui-radio      { width:50% !important;}
.qna_form .ui-radio .ui-btn    { width:100% !important;}
.qna_form .ui-radio .ui-btn-inner   { padding: .5em 0;}
.qna_form .ui-select   { width:100% !important; max-width: 100% !important;}
.qna_form .ui-select .ui-btn-inner   { font-size: 1.1em !important; }  
.qna_form .qna_w label    {width:100%; background: url(../images/bullet03.gif) no-repeat 0 6px;  color:#777 !important;font-size: 1.1em !important;  margin:0 0 5px 7px !important; display: block !important; padding-left: 10px; }
.qna_form textarea   {  min-height: 100px; background: #f5f5f5 !important; }
/*  이미지 삽입 영역   */
.content-primary .img_input    {margin-top: 15px; background: url(../images/dot.gif) repeat-x top left; padding-top: 10px; }
.content-primary .img_area     { position: relative; display: inline-block;  margin: 0 5px;}
.content-primary .img_area img   {max-width: 62px;  margin:5px 0 2px;   }
.content-primary .img_area button   { position: absolute; top:0; right:-5px; z-index: 10; border: none; background: none; text-align: right; vertical-align: top; width: 50px; height: 50px; cursor: pointer; text-indent: -9999em; display: inline-block; }
.content-primary .img_area button em   {display: none; }
.content-primary .img_area button span   { vertical-align: 30px; }

/*  동호회 자유게시판 글쓰기 */
.club_bdW     {  margin-top: 10px;}
.club_bdW .ui-checkbox   { margin: 0; width:50%; display: inline-block !important; margin-right: 10px; }
.club_bdW input[type="checkbox"]    { display: none; }
.club_bdW .ui-btn   { width:44%; margin: 0;  } 
.club_bdW .ui-checkbox  .ui-btn   { width:auto; } 
.club_bdW .ui-btn-inner   { padding: .3em 0 .5em !important; }
.club_bdW .ui-checkbox .ui-btn-inner   { padding-left:  45px !important; }
.club_bdW .ui-checkbox label   { padding:0 !important;  font-size: 1.1em;}
.club_bdW .ui-checkbox .ui-btn-icon-left .ui-btn-inner .ui-icon  { top:50%;}
/*   동호회  라운드 생성하기 */
.club_roundF   {}
.club_roundF .ui-field-contain .ui-controlgroup-label   { margin: 7px 0 0 0; }
.club_roundF .ui-radio .ui-btn    { min-width:102px; }
.club_roundF .ui-radio .ui-btn-inner   { padding: .3em 0 .5em; font-size: .9em; }
.club_roundF .ch .ui-btn-inner   {padding: .4em 0 .6em;font-size: .8em;  }
.club_roundF .ui-btn-active   {
    border: 1px solid #2a8db1 !important;
    background: #2b8caf !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf)) !important; 
    background-image: -webkit-linear-gradient(#56d2ed, #2b8caf) !important; 
    background-image:    -moz-linear-gradient(#56d2ed, #2b8caf) !important; 
    background-image:     -ms-linear-gradient(#56d2ed, #2b8caf) !important; 
    background-image:      -o-linear-gradient(#56d2ed, #2b8caf) !important; 
    background-image:         linear-gradient(#56d2ed, #2b8caf) !important;
}
.club_roundF .ro_info    { margin:0 !important; }
.club_roundF .ro_info label    { color:#000 !important; width: 26% !important; padding-left: 10px; }
.club_roundF .in_f   {padding-bottom: .5em !important;  }
.club_roundF .in_f label   { width: 26%; display: inline-block; padding-left: 10px; color:#000; font-weight: bold; letter-spacing: -1px; font-size: 1em;  margin-top: 7px; vertical-align: top; }
.club_roundF .input1 .ui-input-text    { width:92% !important;}
.club_roundF .input2 .ui-input-text    { width:25% !important; display:inline-block; margin-right: 5px; }
.club_roundF .team    {  }
.club_roundF .team .ui-li-desc   { font-size: 1em; font-weight: bold; color:#8f3321; margin: 0 0 0 7px; white-space: normal;  letter-spacing: -1px; }
.club_roundF .team .ui-li-desc mark   { text-decoration: underline; color:#cc0202; }
.club_roundF .team .team_cont   {background: url(../images/dot.gif) repeat-x bottom left; padding-bottom:.6em; margin-top: .5em; margin-right: 5px; }
.club_roundF .team .team_cont  .ui-input-text    { width:60% !important; display:inline-block;  }
.club_roundF .team .team_cont  .ui-btn    {margin: 0 !important;width:28% !important; }
.club_roundF .team .team_cont  .ui-btn-inner   { padding: .3em 5px .5em 25px; }
.club_roundF .team .team_cont  .ui-btn-inline .ui-icon   {left:5px !important;}
.club_roundF .team .team_cont  .ui-select   { width: 35% !important; max-width: 100px !important; display: inline-block !important;  margin-top:5px; }
.club_roundF .team .team_cont  .ui-select .ui-btn   { width:100% !important; }
.club_roundF .team .team_cont  .ui-select .ui-btn-inner   { padding: .3em 30px .5em 5px; }
.club_roundF .team .team_cont  em   { margin:0 7px 0 3px; }
.club_roundF .team .bt_t  { margin-bottom: -5px; }
.club_roundC   { margin: 0 10px !important; }
.club_roundC .ui-field-contain   { border-bottom: none; padding: .5em 0 !important; }
.club_roundC .ui-input-text   { background: #f5f5f5; border-color: #a7a7a7;margin-top: 3px; }
.club_roundC textarea.ui-input-text   {min-height: 90px; }
.club_roundC label   { margin-bottom:5px !important; }

.content-primary .ui-body   { padding: .5em 0 .2em; }
.content-primary .ui-btn-corner-all   {-webkit-border-radius:.6em; border-radius:.6em; }
.content-primary .ui-controlgroup-label   {width: 26%; display: inline-block; padding-left: 10px; color:#000; font-weight: bold; letter-spacing: -1px; font-size: 1em;  margin: 7px 0 0 0; vertical-align: top;}
.content-primary .ui-controlgroup-controls   {width: 69%; display: inline-block; }
.content-primary fieldset.ui-controlgroup  { margin: 0; }
.content-primary .ui-btn-inner  { padding: .3em 0 .5em; font-size: .9em; font-weight: bold; }
.content-primary .state .ui-radio:first-of-type .ui-btn-inner   { padding: .3em 25px .5em;  }
.content-primary .state .ui-radio:last-of-type .ui-btn-inner   { padding: .3em 20px .5em;  }

.content-primary .input_block    { margin:0 9px;  }
.content-primary .input_block legend  {width: 27%; float: left; color:#000; font-weight: bold; letter-spacing: -1px; font-size: 1em; margin-top: 7px;  vertical-align: top; }
.content-primary .input_cont   {width: 69%; display: inline-block;  }
.content-primary .input_cont .ui-block-a  { width: 35%; margin-right: 10px;}
.content-primary .input_cont .ui-block-b  {width:55%;}
.content-primary .input_block .ui-checkbox   { margin: 0;}
.content-primary .input_cont p   {margin: 7px 0 0 5px ;  vertical-align: top; font-size: 1em;  font-weight: bold; }
.content-primary .input_cont02   {width: 73%; display: inline-block;  }
.content-primary .input_cont02 .ui-select   { max-width: 100% !important;}
.content-primary .input_cont02 .ui-btn-inner   { font-size: 1em !important; }

.content-primary .ro_info    { margin:0 9px; padding-bottom: .5em; font-size: 1em; }
.content-primary .ro_info dd   { margin-top:7px; font-weight: bold;}
.content-primary .ro_info label   {width: 27%; display: inline-block; color:#888; font-weight: bold; letter-spacing: -1px;  margin-top: 7px; vertical-align: top;}
.content-primary .ro_info dt label { color:#000;  }
.content-primary input   { border: 1px solid #d3d3d3; background: #fff;  font-weight: bold; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em;}
.content-primary textarea   { border: 1px solid #d3d3d3; background: #fff;  font-weight: bold; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em;}
.content-primary .ui-field-contain input.ui-input-text, .content-primary .ui-field-contain textarea.ui-input-text    { width: 97%; }
.textar textarea   { margin: 0 10px 7px 10px; width: 90% !important;  min-height: 70px;}
.textar label  {color:#000; font-weight: bold !important;  padding: 3px 0 5px 10px; margin-right: 10px;}
.textar .txt   { color:#0072c1; font-size: .9em; margin: 3px 12px 10px 12px; display: inline-block;  white-space: normal; }

.content-primary .ro_info .input_leg input   { width: 70%; display: inline-block; }  
.content-primary .ro_info .input_leg .ui-select  { width: 35%; display: inline-block; }
.content-primary .ro_info .input_leg .ui-select:last-of-type { margin-left: 7px; }
.content-primary .ro_info .input_date .ui-select  { width:85%; display: inline-block;  margin-bottom: 2px; } 

.content-primary .open { margin-bottom: 10px; }
.content-primary .open .ui-radio:first-of-type .ui-btn-inner   { padding: .3em 18px .5em;  }
.content-primary .open .ui-radio:last-of-type .ui-btn-inner   { padding: .3em 10px .5em;  }
.content-primary .open .pw   {  clear:left; width: 92%; padding-top: 7px;  }
.content-primary .open .ui-li-desc {width: 92%; padding: 7px 10px 0 0; font-size: 1em; font-weight: normal; display: inline-block; margin: 0; white-space: normal; }
.content-primary .che_no   { margin: 0 9px;}
.content-primary .che_no .ui-controlgroup-label   { display: none !important; }
.content-primary .che_no .ui-controlgroup-controls   { width: 100%; }
.content-primary .che_no .ui-controlgroup-controls .ui-btn-inner   { padding: .6em 0 .7em 45px;}

.content-primary .ui-collapsible   { margin: 0;}
.content-primary .ui-collapsible-heading   { margin:-2px -1px; }
.content-primary .ui-collapsible-heading .ui-btn   {  padding: .2em 0;}
.content-primary .ui-collapsible-heading .ui-btn-text   {  font-size: 1em;  }
.content-primary .ui-collapsible-heading .ui-btn-up-c   { background: #fff; background-image: none; border: 1px solid #a7a7a7; }
.content-primary .ui-collapsible-heading .ui-icon-plus { background-position: -216px 50%; }
.content-primary .w_line  {  height:3px; background: #fff; margin: -1px -2px 0 -2px; display: block; margin-bottom: 5px; z-index: 10; position: relative;}
.content-primary .ui-collapsible-content    { padding:0 10px 0 10px;}
.content-primary .ui-collapsible-content .ui-controlgroup-label   {color:#888 !important; }
.content-primary .ui-collapsible-content .ui-radio .ui-btn-inner   { padding: .3em 18px .5em;  }
.content-primary .ui-collapsible-content .ra .ui-radio .ui-btn-inner   { padding: .3em 31px .5em;  }
.content-primary .ui-collapsible-content .ui-controlgroup    { margin-bottom: 3px;}

.content-primary .ui-btn-hover-c {
	border: 1px solid #d3d3d3;
	background: #fff;
	font-weight: bold;  
	color: #333;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
} 

.content-primary .ui-field-contain .ui-select { width:100%; max-width: 200px; }
.content-primary .ui-field-contain .ui-select .ui-shadow  {box-shadow: none; -webkit-box-shadow: none; }
.content-primary .ro_info .ui-select .ui-shadow  {box-shadow: none; -webkit-box-shadow: none; }
.content-primary .ui-select .ui-btn-icon-right .ui-icon { right:10px; }
.content-primary .ui-select .ui-btn-icon-right .ui-btn-inner { padding-right: 30px; }
.content-primary .ui-select .ui-btn-text  { margin-right: 30px; }
.content-primary .ui-select .ui-btn-inner  { padding: .4em 10px .5em; }
.content-primary .ui-select .ui-btn-down-c {
	border: 1px solid #4f7300;
	background: #468100;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
} 
.content-primary .ui-btn-active   {
	border: 1px solid #4f7300;
	background: #468100;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
}
.content-primary .ui-focus { -moz-box-shadow: none; -webkit-box-shadow: none;	box-shadow: none; }

.ui-selectmenu-list   { border: 1px solid #d3d3d3; }
.ui-selectmenu-list .ui-btn-down-c {  background:#fff;  background-image: none; }
.ui-selectmenu-list .ui-btn-up-c {background:#fff;  background-image: none; color: #000; border: none; border-bottom: 1px solid #d3d3d3;}
.ui-selectmenu-list .ui-btn-hover-c {background:#fff;  background-image: none; color: #000; border: none; border-bottom: 1px solid #d3d3d3;}
.ui-selectmenu-list .ui-btn-active {
	border: 1px solid #4f7300;
	background: #468100;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#468100)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#9cc62c, #468100); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#9cc62c, #468100);/* FF3.6 */
	background-image:     -ms-linear-gradient(#9cc62c, #468100); /* IE10 */
	background-image:      -o-linear-gradient(#9cc62c, #468100); /* Opera 11.10+ */
	background-image:         linear-gradient(#9cc62c, #468100);
}
.ui-selectmenu-list .ui-li .ui-btn-text a.ui-link-inherit { white-space: normal; overflow: auto; }
.ui-selectmenu-list .ui-focus { -moz-box-shadow: none; -webkit-box-shadow: none;	box-shadow: none; }

/*   쪽지보내기   */
.input_letter    { margin:0 9px 10px 9px; border: 0 !important; }
.input_letter li   { padding: .6em 0 !important; border-bottom: 1px solid #d3d3d3;}
.input_letter label  {width: 25%; float: left; color:#888; font-weight: bold; letter-spacing: -1px; font-size: 1em; margin: 7px 15px 7px 0;  vertical-align: top; background: url(../images/bar02.gif) no-repeat 100% 3px;}
.input_letter textarea   {min-height: 120px;  background: #f5f5f5; }
.input_letter .ui-field-contain textarea.ui-input-text    { width: 96%; }
.input_letter_txt   {color:#2b5a8a;  margin: -10px 10px 0 10px;font-size: .9em; }
.input_letter_textarea   {min-height: 100px;  border: 1px solid #d3d3d3; background: #f5f5f5;  font-weight: bold; color: #333; font-size: 1em;  font-weight: normal; padding: 10px !important;  -webkit-border-radius: .9em;border-radius: .9em; }
.input_letter .f_b  {color:#0072c1 !important; font-size: 1.2em !important; margin-right: 5px;  } 
.input_letter p    {white-space: normal; }
.input_letter .nick   {font-size: 1.1em !important; display: block; margin-top:3px;}
.input_letter .state_ing    { vertical-align: 2px;  }

/*   tab_menu   */
.tab_menu   { position: relative; margin:15px 0 -1px 0; z-index: 10;}
.tab_menu ul   { margin-left: 25px; }
.tab_menu li     {  display:inline-block; }
.tab_menu .ui-link:visited   {color: #fff;}
.tab_menu .ui-link:hover   {color: #fff;}
.tab_menu .ui-link     { display:block; position: relative; background:#abbbc5; border:1px solid #00429c; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; color: #fff; font-weight: bold; text-align: center; margin-left: -15px; }
.tab_menu li.on .ui-link    {  background:#fff !important;  border-bottom:none !important; padding: 10px !important;  color:#000 !important; z-index: 5;}
.tab_menu li:first-child .ui-link    { padding: 9px 20px 9px 10px; }
.tab_menu li:last-child .ui-link    { padding: 9px 10px 9px 20px; }
.tab_menu .bt    { position: absolute; top:-8px; right: 0; }
.tab_menu .bt .ui-btn-inner   { padding: .4em 0; font-size: 1.1em; min-width: 100px; }
/*  3단 tab _ 마이페이지 부킹   */
.tab_block .on1 li:nth-child(1) .ui-link    {  background:#fff !important;  border-bottom:none !important; padding: 10px !important;  color:#000 !important; z-index: 5; }
.tab_block .on1 li:nth-child(2) .ui-link    { padding: 9px 8px 9px 18px; z-index: 2; }
.tab_block .on1 li:nth-child(3) .ui-link    { padding: 9px 8px 9px 18px; z-index: 1; }
.tab_block .on2 li:nth-child(1) .ui-link     { padding: 9px 18px 9px 8px; }
.tab_block .on2 li:nth-child(2) .ui-link    {  background:#fff !important;  border-bottom:none !important; padding: 10px !important;  color:#000 !important; z-index: 5; }
.tab_block .on2 li:nth-child(3) .ui-link    { padding: 9px 8px 9px 18px; z-index: 1; }
.tab_block .on3 li:nth-child(1) .ui-link     { padding: 9px 16px 9px 8px; z-index: 1; }
.tab_block .on3 li:nth-child(2) .ui-link    { padding: 9px 18px 9px 8px; z-index: 2; }
.tab_block .on3 li:nth-child(3) .ui-link    {background:#deedf1;   border-bottom:none !important; padding: 10px !important;  color:#000 !important; z-index: 5; }



/************************************************************
01  :   조인룸
*************************************************************/
/*    조인룸 리스트  */
.room_top  { padding: 10px; }
.room_top .ui-block-a  { margin-top: 5px; }
.room_top .ui-block-b  { text-align: right;}
.room_top .ui-block-b .ui-btn-up-c {
	border: 1px solid #afafaf;
	background: #fff;
	font-weight: bold;  
	color: #333;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#c7c7c7));  
	background-image: -webkit-linear-gradient(#fff, #c7c7c7);  
	background-image:    -moz-linear-gradient(#fff, #c7c7c7); 
	background-image:     -ms-linear-gradient(#fff, #c7c7c7); 
	background-image:      -o-linear-gradient(#fff, #c7c7c7); 
	background-image:         linear-gradient(#fff, #c7c7c7); 
}
.room_top .ui-btn   { margin: 0;}
.room_top .ui-btn-inner   { padding: .4em 20px .4em 23px; }

/*  리스트  */
.room_list_th   {  padding:.3em 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #afafaf;
	background: #d9d9d9;
	font-weight: bold;  
	color: #777;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#d9d9d9));  
	background-image: -webkit-linear-gradient(#fff, #d9d9d9);  
	background-image:    -moz-linear-gradient(#fff, #d9d9d9); 
	background-image:     -ms-linear-gradient(#fff, #d9d9d9); 
	background-image:      -o-linear-gradient(#fff, #d9d9d9); 
	background-image:         linear-gradient(#fff, #d9d9d9); 
}
.room_list_th p  { background:url(../images/bar.gif) no-repeat 0 .4em; display: inline-block; text-align:center;  font-size: .9em; }
.room_list_th p:nth-child(1)   {background: none; width:32%;}
.room_list_th p:nth-child(2)   {  width:67%;}
.room_list   { margin: 0 !important;}
.room_list .ui-icon   { display: none; }
.room_list .ui-li .ui-btn-inner a.ui-link-inherit  { padding: .5em 7px;  }
.room_list li li   {  float:left;  margin: 1px 0; }
.room_list li.sub   { width:100%; display:block; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  color: #000; }
.room_list li.date   {width:33%;  color: #000;  }
.room_list li.golf_c   {width:58%; margin-left:10px;  text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  color: #000; }
.room_list li.key   {width:6%; text-align: center; }
.room_list li.nickname   {min-width:20%;color: #777;  }
.room_list li.nickname mark   {color: #0072c1; margin-left: 5px; }
.room_list li.reply   { margin-left: 15px; color: #777; }
.room_list li.reply mark   {color: #cc0202; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  }
.room_list li.state   { float:right; text-align: center; }
.room_list li.state span  {min-width: 43px; display: inline-block;}
.room_list li.price   {min-width:20%;color: #777;  }
.room_list li.price span   {color: #73a307; margin-left: 5px; text-decoration: line-through; }
.room_list li.price mark   {color: #0072c1; margin-left: 5px; }

#join_room_pw .pw_area   { padding: 25px 20px; }
#join_room_pw .pw_area legend   { color:#d0d0d0; text-align: center; font-size:1.1em; padding-bottom: 15px; }
#join_room_pw .pw_area fieldset  { margin: 15px 5px ;}
#join_room_pw .pw_area fieldset.ui-grid-a    {margin-bottom: 10px; }
#join_room_pw .pw_area input.ui-input-text    { background: #f4f4f4 !important; }


/*    조인룸 view   */
.room_view_top   { background: url(../images/dot_bg.png) repeat top left #9f9f9f;  min-height: 40px; position: relative; }
.room_view_top .prof    {   }
.room_view_top .prof a    {  display: inline-block; min-width: 120px; }
.room_view_top .prof img   { width: 50px; height: 50px; margin-bottom: -5px; display: inline-block; }
.room_view_top .nickname     { margin-left: 5px; font-weight: bold; color:#fff; vertical-align: 15px; font-size: 1.1em;}
.room_view_top .state   { position:absolute; top:15px; right:10px;  }
.room_view_top .state p   { display:inline-block; margin-left: 5px;}
.room_view_top .state .st    {vertical-align:3px; }
.room_view_top .state .st span  { min-width: 43px; display: inline-block;}


/************************************************************
02  :   부킹
*************************************************************/
/*   my 설정   */
.my_set_txt   {  margin: 20px 15px; }
.my_set_txt dt   { text-align: center; color: #fff; font-size: 1.3em; font-weight:bold; margin-bottom: 20px; }
.my_set_txt dd   { color: #d0d0d0; margin-bottom: 15px; }

/*   top_셀릭트 영역  =>  기본정의는 00_5.입력폼 에  되어 있음    */
.boo_select   {padding:0 !important; margin:0; border-bottom: none !important; }
.boo_select fieldset   { padding: 0 !important; border-bottom:1px solid #ccc ;}
.boo_select .ui-block-a   { width:33%; border-right:1px solid #ccc ; position: relative; }
.boo_select .ui-block-b   { width:33%; border-right:1px solid #ccc ;  position: relative;}
.boo_select .ui-block-c   {  position: relative;}
.boo_select .ui-select    { margin-top: 20px !important; position: relative; z-index: 10; }
.boo_select .ui-btn-up-c { border: none; background: none; }
.boo_select label   { position: absolute; top:3px; left: 5px; color:#777; font-size: .8em; width:100%; display: block;}
.boo_select label .ico_all  { position: absolute; top:1px; right: 10px;}
.boo_select .ui-btn-hover-c { border: none !important; background: none !important; }
.boo_select .ui-btn-down-c { border: none !important; background: none !important; color: #000 !important; }
.boo_select .ui-btn-active { border: none !important; background: none !important; color: #000 !important; }
.boo_select .ui-btn-inner   { text-align: left;  padding: .4em 0 .5em 5px !important; font-size: 1em; }
.boo_select .ui-btn-text   { margin: 0 !important;}
.boo_select .ui-block-a .ui-btn-text   { color: #b73001; font-size: 1.2em; letter-spacing: -1px; }
.boo_select .ui-icon    { background: none;}

/*   부킹달력   */
.calendar   {}
.calendar h4  {  background: #d2e7ed; text-align: center; font-weight: bold; font-size: 1.3em;  color:#2b5a8a; border-top: 1px solid #659098; border-bottom: 1px solid #659098;  padding: 7px 0 8px 0;  position: relative; }
.calendar h4 .le   { position: absolute; top:1px; left: 5px; }
.calendar h4 .ri   { position: absolute; top:1px; right: 5px; }
.calendar h4 button   { border: none; cursor: pointer; display: block; background:none;  width: 65px ; height:35px;  padding: 0 10px;}
.calendar h4 .le button   { text-align: left;  }
.calendar h4 .ri button   { text-align:right; }
.calendar h4 em    { display:none !important;}
.calendar table   { width: 100%; margin-bottom: 10px; }
.calendar table col   { width:14.2%;}
.calendar table th    { padding:4px 0;	border-bottom: 1px solid #89b7d2; text-align:center; font-size:.9em; color:#0b5273;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#cfecf5)); 
	background-image:    -moz-linear-gradient(#fff, #cfecf5); 
	background-image:     -ms-linear-gradient(#fff, #cfecf5); 
	background-image:      -o-linear-gradient(#fff, #cfecf5); 
	background-image:         linear-gradient(#fff, #cfecf5); 
}
.calendar table td   {border: 1px solid #ddd; vertical-align: top; 
    background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3)); 
    background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
    background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
    background-image:      -o-linear-gradient(#fff, #e3e3e3); 
    background-image:         linear-gradient(#fff, #e3e3e3); 
}
.calendar table td:first-child button    {color:#dc0000 ; }
.calendar table td:last-child button  {color:#0072c1 ; }
.calendar button   {border: none;  background:none;  min-width:100%;  cursor: pointer;  text-align: left;}
.calendar button em  {padding:5px 0 0 5px; min-width:35%;  min-height:35px; display: inline-block; }
.calendar .on    {  background: #faf1b3; box-shadow: rgba(0,0,0,.1) 2px 3px 1px inset; -webkit-box-shadow: rgba(0,0,0,.1) 2px 3px 1px inset;border-left: 1px solid #c0b14a; border-top: 1px solid #c0b14a; }
.calendar .ico_navi   {  margin-left:-2px;  vertical-align: -5px;  }
.cale_txt   { color:#71a7c3 ; margin: 10px 10px 20px 10px; letter-spacing: -1px; }
.cale_txt mark   { color:#0565af; text-decoration: underline; }

/*   부킹리스트    */
.booking_list   {   }
.booking_list dl   { margin: 15px 0 !important;  }
.booking_list dt   {border:1px solid #1c587e ; border-bottom-width:0; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; color: #064592; font-weight: bold; font-size:1.1em; text-align: center;  display: inline-block; min-width: 60%; padding:.4em 0 .5em 0; position: relative; z-index:5; margin:0 0 -1px 10px; 
	background-image: -webkit-gradient(linear, left top, left 50%, from(#d2e7ed), to(#fff));  
	background-image: -webkit-linear-gradient(#d2e7ed, #fff);  
	background-image:    -moz-linear-gradient(#d2e7ed, #fff);  
	background-image:     -ms-linear-gradient(#d2e7ed, #fff);  
	background-image:      -o-linear-gradient(#d2e7ed, #fff);  
	background-image:         linear-gradient(#d2e7ed, #fff);  
}
.booking_list dd:first-of-type  {border-top:1px solid #1c587e ; }
.booking_list dd   { border-bottom:1px solid #ccc;  position: relative;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
 }
.booking_list dd .ui-li-heading    { font-weight: bold; font-size: 1.1em; margin:0 0 0 6px; white-space: normal; padding:.6em 100px .5em 0; }
.booking_list dd .ui-li-heading span   { margin-left: 3px; }
.booking_list dd .bt   { position: absolute; top:5px; right: 5px; z-index: 10; }
.booking_list dd .bt_W  {width:35%;  position: absolute; bottom:0px; right: 5px; z-index: 10; }
.booking_list dd .ui-btn-inner    {  padding: .3em 15px .4em 15px; }
.booking_list dd .ui-btn-text    { font-size: 1.2em;}
.booking_list dd ul   { margin: 0 0 0 6px; }
.booking_list dd li    { display: inline-block; margin-right: 30px; }
.booking_list dd li:nth-child(3)    { margin-right: 0; display: block; }
.booking_list dd li:nth-child(3) p   {  }
.booking_list dd li em   {min-width:43px; display:inline-block; background: url(../images/bar.gif) no-repeat 100% 3px; padding-right: 8px; margin-right: 8px; color:#888; vertical-align: top; }
.booking_list dd li mark   { color: #0072c1;}
.booking_list .event_cont   {width:79%; display:inline-block; margin-bottom: 5px; }
.booking_list .event_cont p    { display: inline-block; font-size: .8em; letter-spacing: -1px; margin-bottom:-1px;  }
.booking_list .event_cont p:first-of-type    {  margin-left:-6px; }
.booking_list .event_cont p .ico_all   { vertical-align: -4px;  margin-right: 1px; }
.booking_list ul.cont   { margin-top: -2px;  margin-bottom: 7px;}
.booking_list ul.cont li   { display: block; }
.booking_list ul.cont .area   { color: #537694;}
.booking_list .wait    {min-width:100%; display:inline-block; text-align:center; font-weight: bold;  color:#d70000; font-size: 1.3em;  }
.booking_list .poss    {min-width:100%; display:inline-block; text-align:center; font-weight: bold;  color:#0072c1; font-size: 1.2em; letter-spacing: -1px; }
.booking_list .no    { text-align: center; font-weight: bold;  color:#777; font-size: 1.1em;  background: #fff !important; border-width: 0; margin: 20px 0 -1px 0; padding-bottom: 30px;}
/*  부킹리스트_펼침&접힘  */
.booking_list02   {  }
.booking_list02 .ui-collapsible   { margin: 15px 6px; border:1px solid #1c587e ; -webkit-border-radius: 10px; border-radius: 10px;  }
.booking_list02 .ui-collapsible-content   { margin:0; padding:0; }
.booking_list02 .ui-collapsible-heading   { color: #064592; font-weight: bold; font-size:1.1em; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; padding:.5em 0 .6em 0; position: relative; z-index:5; margin:1px 0 0 0;  
    background-image: -webkit-gradient(linear, left top, left 50%, from(#d2e7ed), to(#fff));  
    background-image: -webkit-linear-gradient(#d2e7ed, #fff);  
    background-image:    -moz-linear-gradient(#d2e7ed, #fff);  
    background-image:     -ms-linear-gradient(#d2e7ed, #fff);  
    background-image:      -o-linear-gradient(#d2e7ed, #fff);  
    background-image:         linear-gradient(#d2e7ed, #fff);  
}
.booking_list02 .ui-collapsible-heading .ui-btn-inner   { border-top: none; color: #064592; }
.booking_list02 .ui-collapsible-heading .ui-btn-up-c   { border:none; background: none; }
.booking_list02 .ui-collapsible-heading .ui-btn-hover-c   { border:none; background: none; }
.booking_list02 .ui-collapsible-heading .ui-btn-down-c   { border:none; background: none; }
.booking_list02 .ui-collapsible-heading .ui-btn-inner   { padding: 0 25px 0 0; text-align: center; }  
.booking_list02 li   { border-top:1px solid #ccc;  position: relative;
    background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
    background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
    background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
    background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
    background-image:      -o-linear-gradient(#fff, #e3e3e3); 
    background-image:         linear-gradient(#fff, #e3e3e3); 
 }
.booking_list02 li:first-of-type  {border-top-color: #1c587e ; }
.booking_list02 li:last-child {-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; padding-bottom: 4px; }
.booking_list02 li h5    { font-weight: bold; font-size: 1.1em; margin:0 0 0 6px; white-space: normal; padding:.6em 100px .5em 0; }
.booking_list02 li h5 span   { margin-left: 5px; }
.booking_list02 li .bt   { position: absolute; top:-2px; right: 5px; z-index: 10; }
.booking_list02 li .bt_W  {width:35%;  position: absolute; bottom:5px; right: 5px; z-index: 10; }
.booking_list02 li .ui-btn-inner    {min-width:70px;  padding: .2em 5px .3em 5px; }
.booking_list02 li .ui-btn-text    { font-size: 1em;}
.booking_list02 li ul   { margin: 0 0 0 6px; }
.booking_list02 li li    { display: inline-block; margin-right: 30px; border-top:none; background: none; }
.booking_list02 li li:last-child   { padding-bottom: 0; }
.booking_list02 li li:nth-child(3)    { margin-right: 0; display: block; }
.booking_list02 li li em   {min-width:43px; display:inline-block; background: url(../images/bar.gif) no-repeat 100% 3px; padding-right: 8px; margin-right: 8px; color:#888; vertical-align: top; letter-spacing: -1px; }
.booking_list02 li li mark   { color: #0072c1;}
.booking_list02 .event_cont   {width:79%; display:inline-block; margin-bottom: 5px; }
.booking_list02 .event_cont p    { display: inline-block; font-size: .8em; letter-spacing: -1px; margin-bottom:-1px;  }
.booking_list02 .event_cont p:first-of-type    {  margin-left:-7px; }
.booking_list02 .event_cont p .ico_all   { vertical-align: -4px;  }
.booking_list02 li ul.cont   { margin-top: -2px;  padding-bottom: 5px;}
.booking_list02 li ul.cont li   { display: block; }
.booking_list02 li ul.cont .area   { color: #537694;}
.booking_list02 .wait    {min-width:100%; display:inline-block; text-align:center; font-weight: bold;  color:#d70000; font-size: 1.1em;  }
.booking_list02 .poss    {min-width:100%; display:inline-block; text-align:center; font-weight: bold;  color:#0072c1; font-size: 1.1em; letter-spacing: -1px; }
.booking_list02 .btn_add   {   text-align: center; padding:.5em 0 .7em 0;-webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; position: relative; }
.booking_list02 .btn_more button  { background: none; width:auto; padding: 0;font-size: .9em; }
.booking_list02 .btn_add .ico_all   { vertical-align: -2px; margin-right: 5px;  }
.booking_list02 .btn_add .btn_top  { right:10px; }
.booking_list02 .btn_add .btn_top button  { background: none; width:auto; padding: 0; }

/*  부킹_예약상세   */
.booking_view    { margin:10px;  border:2px solid #88b916 ;  -webkit-border-radius: 10px; border-radius: 10px; text-align: center; }
.booking_view h5   { font-weight: bold; color:#000; font-size: 1.3em; margin: 10px 15px;  line-height: 22px;}
.booking_view em   { margin-left: 2px; }
.booking_view h5 mark   { color:#559000; display: block;}
.booking_view .ui-field-contain   { border-width: 0; }
.booking_view .ui-grid-b   {background: url(../images/dot.gif) repeat-x left top; padding: 10px 0;  margin: 0 13px; }
.booking_view .ui-grid-b .ui-select    { margin: 5px 15px; width: 92%; }
.booking_view .ui-grid-b .ui-select .ui-btn-text    { font-size: 1.1em;}
.booking_view .ui-grid-b .ui-block-a   { width: 31%; color:#888; margin-top: .2em; text-align: left; }
.booking_view .ui-grid-b .ui-block-a span   { color:#000; text-decoration:line-through; display: block; }
.booking_view .ui-grid-b .ui-block-b   { width: 20%;  text-align: center;padding-top: .6em;  }
.booking_view .ui-grid-b .ui-block-b em   {width:40px; height:18px; background: url(../images/arrow.png) no-repeat ;  background-size: 100% 100%; display:inline-block; text-indent: -99999em; }
.booking_view .ui-grid-b .ui-block-c   { width: 49%;  text-align: right; font-size: 1.1em; color:#000; font-weight: bold;}
.booking_view .ui-grid-b .ui-block-c span   { color:#888;  display: block; margin-right: 5px; }
.booking_view .ui-grid-b .ui-block-c mark   { color:#0072c1;  margin-left: 5px; font-size: 1.3em; }
.booking_view .no_sale     { color:#000;   font-size: 1.1em; font-weight: bold; margin-bottom: 5px; }
.booking_view .no_sale span   {  margin-left: 10px; color:#888;  }
.booking_view .no_sale mark   { color:#0072c1;  margin-left: 3px;  font-size: 1.3em; }
.booking_view .price_area   {background: url(../images/dot_bg02.png) repeat #d7e5ae;border-top:1px solid #476207 ;  text-align: center; font-size: 1.1em; color:#000; font-weight: bold; padding: .6em 0 .7em 0; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;  }
.booking_view .price_area mark  { color: #d80000; font-size: 1.3em;}

.booking_info    { margin: 10px 0;}
.booking_info .ui-listview   { margin: 0;}
.booking_info .ui-li-divider   { padding: .4em 0 .5em !important; border-width:0 0 1px 0; margin-bottom: 5px; }
.booking_info .ui-li-divider em  { background: url(../images/bullet03.gif) no-repeat 0 4px;   padding-left: 10px; color:#000; margin: 0 10px;}
.booking_info .ui-li-static    {background: url(../images/dot.gif) repeat-x bottom left; padding:.5em 0;  font-weight: normal;  margin:0 10px; }
.booking_info .ui-li-static:last-of-type   { background: none; }
.booking_info .tit   {width:75px; display: inline-block;  color: #888; background: url(../images/bar02.gif) no-repeat 100% 3px; padding-right: 10px; margin-right: 8px; vertical-align: top; letter-spacing: -1px;}
.booking_info .tit .ico_all   { vertical-align: -3px;  margin-right: 5px; }
.booking_info .cont   { width:65%; display: inline-block; letter-spacing: -1px; }
.booking_info a.ui-link-inherit  { color:#000; }
/*  부킹 확정예약 고객동의 pop   */
.booking_set_pop    { color:#d0d0d0; }
.booking_set_pop .ui-field-contain  { text-align: center;  border-bottom: none !important; padding: 0 0 .8em 0; }
.booking_set_pop .ui-controlgroup-controls   { width:70%; display: inline-block; }
.booking_set_pop .ui-controlgroup-label   {display:none; }
.booking_set_pop .ul    { margin: 10px 10px 20px 10px; }
.booking_set_pop .ul li    {font-size: .9em; margin-bottom: 10px; }
.booking_set_pop p   { text-align: center; }
.booking_set_pop .txt    { font-size: .8em; margin:0 -10px 20px 0; }

/*  부킹 주의사항   */
.booking_help    { margin: 0 10px !important; padding-bottom:15px !important;  }
.booking_help .ui-listview   {  padding-bottom: 10px; border:1px solid #ccc; }
.booking_help .ui-li-divider   { text-align: center; font-size: 1.2em; border-width:0 0 1px 0; padding: .4em 0 .5em !important; color:#7e1515; }
.booking_help .ui-li-static    {background: url(../images/bullet.gif) no-repeat 0 6px; padding:0 0 0 10px;  font-weight: normal;  margin: .8em 10px; }
.booking_help mark   { color:#0072C1; font-weight: bold; letter-spacing: -1px; }

/*   부킹 가격정보   */
.booking_price   { margin-bottom: 15px;}
.booking_price table    { width:100%;}
.booking_price table col   { width:24%;}
.booking_price table col:first-of-type   { width:28%;}
.booking_price table th    { padding:4px 0;	border-bottom: 1px solid #979797; border-left: 1px solid #ddd; text-align:center; color:#555;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.booking_price table td   {border: 1px solid #ddd; vertical-align: top; padding: .4em 7px; color:#000; }
.booking_price table td:first-child     { background:#eee;  color:#555; letter-spacing: -1px;  vertical-align: middle;}
.booking_price .nth2   {background:#e2f2f5 !important;  color:#0072c1 !important;  }

/*   결제 진행 화면  */
.acc_txt    { text-align: center; font-size: 1.1em; margin: 15px 0; color: #666; font-weight: bold; }
.acc_ok_txt   { text-align: center; margin: 15px 10px;  color: #666; line-height: 1.7em; }
.acc_ok_txt p   { margin-bottom: 10px; }
.acc_ok_txt .tit  { font-weight: bold; color:#000; font-size: 1.3em; }
.acc_ok_txt mark   { text-decoration: underline; color:#0072C1;}

/*   결제완료   */
.acc_donation   { margin:10px; position:relative; background: url(../images/dot.gif) repeat-x top left; padding-top: 13px;  min-height: 100px; }
.acc_donation img   {  width:90px;height:85px; position: absolute; top: 10px; left:5px; } 
.acc_donation figcaption   { color: #888; text-align: center; font-size: 1.1em; margin-left:80px; line-height: 1.4em; letter-spacing: -1px; }
.acc_donation figcaption span    { color: #000; text-decoration: underline; }
.acc_donation figcaption mark    { color: #3f9500;  }

/*  부킹 popup  */
.wait_pop   {margin: 20px 15px; font-weight: bold; color:#d0d0d0; font-size: 1.1em; text-align: center;  }
.wait_pop h5   {color:#90f3ff; font-size: 1.3em;  margin-bottom: 20px; line-height: 1.4em; }
.wait_pop h5 span  { display: block; }
.wait_pop p   { letter-spacing: -1px; }
.wait_pop p em   {color:#ddca71; font-size: 1.1em;   }
.wait_pop .price   { color:#90f3ff; font-size: 1.3em;  margin-top: 15px; margin-bottom: 25px;  }
.wait_pop .ui-field-contain   {border-width:0; margin-bottom: 10px; }
.do_pop   {margin: 20px 10px; font-weight: bold; color:#d0d0d0; font-size: 1.1em;  }
.do_pop h5   {color:#90f3ff; font-size: 1.3em;  margin-bottom: 20px; line-height: 1.4em; text-align: center; }
.do_pop p   { margin-bottom: 15px;}
.do_pop p mark   { color:#b3dd71; font-size: 1.2em; }
.do_pop .txt   { color:#ddca71; margin-bottom: 30px; }

/*    웨이팅 예약  주의사항   */
.wait_advice   { margin: 20px 10px; }
.wait_advice h5   { font-weight: bold; color:#000; font-size: 1.2em; border-bottom: 1px solid #cacaca; padding-bottom: 7px;  padding-left: 5px;}
.wait_advice ol   {margin: 10px;  list-style:decimal none outside;padding-left:20px; color:#000;  }
.wait_advice ol p  { font-weight:normal; color:#888;  }
.wait_advice ol li    { margin-bottom: 15px; font-weight:bold;}
.wait_advice mark   { color:#0072C1; }
.wait_advice p span   { color:#d70000;}

/*  자선예약   */
.donation_search   { background: #e8e8e8;  border-bottom:1px solid #a5a5a5; padding:7px 7px 10px 7px; }
.donation_search label  { display: inline-block;  margin-right: 10px; font-weight: bold; }
.donation_search .ui-select { width:75%; display: inline-block; }

.do_banner  { margin-top: 5px; }
.do_banner img  { width:100%; }

/*  자선예약  list  */
.donation_list   { }
.donation_list .ui-listview   { margin: 0; 
	background-image: -webkit-gradient(linear, left 70%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3)
}
.donation_list .ui-listview:last-of-type  { border-bottom: 1px solid #a3a3a3; }
.donation_list .no    { text-align: center; font-weight: bold;  color:#777; font-size: 1.1em;  background: #fff !important; border-width: 0; margin: 20px 0 -1px 0; padding-bottom: 30px;}
.donation_list dt   {background: #deedf1;  border-top:3px solid #3a99bb; padding:.3em 0; color:#000; font-size:.9em; text-align: center; }
.donation_list dt p   { display: inline-block; margin: 0 3px; font-size: 1em;font-weight: bold; }
.donation_list dt em   {color:#2b5a8a; margin-right: 3px; }
.donation_list dd   { margin-left:7px; }
.donation_list .ui-block-a   {width: 63%;background: url(../images/dot_h.gif) repeat-y top right; padding-bottom: 10px;  }
.donation_list .ui-block-b   {width: 37%;text-align: center; min-height:80px; padding-top:1.4em; }
.donation_list .ui-li-heading    { font-weight: bold; font-size: 1.2em; margin:7px 5px 7px 0;white-space: normal;  }
.donation_list dd .ui-li-desc   { margin: 0; white-space: normal; font-size: 1em; }
.donation_list li em   { background: url(../images/bar.gif) no-repeat 100% 2px; padding-right: 8px; margin-right: 8px; color:#888; }
.donation_list li mark   { color: #0072c1;}
.donation_list .ui-btn   { margin: .3em 0;}
.donation_list .ui-btn-inner    {min-width:80px;  padding: .3em 10px .4em 10px; }
.donation_list .bt   { }
.donation_list .take   {color: #888;}
.donation_list .take mark   {color: #0072c1; margin:0 3px; }
.donation_list .ma_t    { margin-top: -7px !important;}
.donation_list .ing   {color:#d70000; font-weight: bold; font-size: 1.2em !important; }
.donation_list .final   {color:#000; font-weight: bold; font-size: 1.2em !important;  }
.donation_list .aband   {color:#888; font-weight: bold; font-size: 1.2em !important;  }
.donation_list .win   {color:#1fa600; font-weight: bold; font-size: 1.2em !important;  }
.donation_list .end   {color:#888; font-weight: bold; font-size: 1.2em !important; margin-top: 20px !important; }

/*  자선예약  view   */
.donation_view    { margin-bottom: 15px; }
.donation_view dt   { border-bottom:1px solid #a3a3a3; padding:.4em 0; color:#000; font-size:.9em; text-align: center; 
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3)
}
.donation_view dt p   { display: inline-block; margin: 0 3px; font-size: 1em;font-weight: bold; }
.donation_view dt em   {color:#2b5a8a; margin-right: 3px; }
.donation_view dd   { margin:10px;  border:1px solid #777 ;  -webkit-border-radius: 10px; border-radius: 10px; }
.donation_view h3   { background: url(../images/dot_bg.png) repeat #9f9f9f;border-bottom:1px solid #777 ;  text-align: center; font-size: 1.1em; color:#fff; font-weight: bold; padding: .4em 0; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px;  }
.donation_view h5   { font-weight: bold; color:#000; font-size: 1.3em; margin: 10px 15px;  line-height: 22px;}
.donation_view h5 em   { margin-left: 3px; }
.donation_view ul  { margin:0 15px 10px 15px; }
.donation_view dd li   {background: url(../images/bullet.gif) no-repeat 0 6px; padding-left: 10px; }
.donation_view dd li em   {width:75px; display:inline-block; background: url(../images/bar.gif) no-repeat 100% 3px; padding-right: 8px; margin-right:12px; color:#888;}
.donation_view dd li mark  { color:#0072C1; }

.donation_acc   { margin-bottom: 20px;  }
.donation_acc dt   { border-bottom:1px solid #a3a3a3; padding:.4em 0; color:#000; position:relative;  
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3)
}
.donation_acc dt p   {background: url(../images/bullet03.gif) no-repeat 0 5px; padding-left: 10px; font-size: 1.1em; font-weight:bold; margin-left: 10px; }
.donation_acc dt span   {  color:#888; position: absolute; top:5px;  right:10px;}
.donation_acc dt span mark  { color:#0072C1; margin: 0 2px;}
.donation_acc .therm_area   { position: relative; padding: 1px; margin: 0 auto; width: 330px;  }
.donation_acc .therm   {background: url(../images/therm_img.png) no-repeat; min-height: 62px; min-width: 320px; background-size: 100% 100%;  text-indent: -99999em; position: absolute; top:15px; left: 0; display: inline-block; }
.donation_acc .therm_area .target    { max-width: 250px; margin:10px 0 0 70px;  color:#888; position:relative; font-weight: bold; z-index: 5; }
.donation_acc .therm_area .target span  { position: absolute; top:0px; right:10px; }
.donation_acc .therm_area .now   { max-width: 200px; margin:0 0 0 72px;  position:relative;  z-index: 5; }
.donation_acc .therm_area .now .bar   { background: #e31e5b;width:auto;height: 4px; text-indent: -99999em;  display: inline-block; }
.donation_acc .therm_area .now .txt    { color:#e31e5b; font-weight: bold; font-size:1.1em; margin-top: 15px; display: block;}
.donation_acc .apply    { margin:10px 20px 0;  text-align: center; color:#000; font-weight: bold; font-size: 1.3em; background: url(../images/dot.gif) repeat-x top left; padding: 15px 0;}
.donation_acc .apply mark   { color:#54a900; font-weight: bold;  font-size: 1.2em; background: url(../images/bar02.gif) no-repeat 0 5px; padding-left: 17px; margin-left: 10px; display: inline-block; font-family: Arial; }
.donation_acc .win_area   { position:relative;  }
.donation_acc .win_area .win   {background: #e5f2f5; padding: .7em 10px; color:#000; font-weight: bold;font-size: 1.3em;  }
.donation_acc .win_area mark   { color:#0072c1;  background: url(../images/bar02.gif) no-repeat 0 5px; padding-left:12px; margin-left:3px; display: inline-block;  }
.donation_acc .win_area .bt   { position: absolute; top:3px; right:5px; }
.donation_acc .win_area .bt .ui-btn-inner   { padding: .3em 15px; font-size: 1em;}
.donation_acc .win_area .txt   { margin:10px;  color:#666; text-align: center; }
.donation_acc .ok   { margin:0 50px; text-align: center; color:#0072C1; font-size: 1.2em; font-weight:bold; border: 1px solid #d3d3d3; -webkit-border-radius:1em; border-radius: 1em;  background: #e7faf9; padding:.5em 0 .7em;}
.donation_acc .apply_acc   { background: none;  margin:-10px 0 -20px 0; }

/*    신청 안내     */
.donation_guide    { margin: 0 10px 20px 10px !important; padding-bottom:15px !important;  }
.donation_guide .ui-listview   {  padding-bottom: 10px; border:1px solid #659098; }
.donation_guide .ui-li-divider   { text-align: center; font-size: 1.2em; border-width:0 0 1px 0; padding: .4em 0 .5em !important; color:#2b5a8a;  background: #d2e7ed; }
.donation_guide .ui-li-static    {background: url(../images/bullet.gif) no-repeat 0 6px; padding:0 0 0 10px;  font-weight: normal;  margin: .8em 10px; }
.donation_guide mark   { color:#0072C1; font-weight: bold;  }
.donation_guide .txt     { color:#dc0000;}


/************************************************************
03 :   동호회
*************************************************************/
/*  인기동호회 */
.best_club   { margin: 15px 8px ;}
/*.best_club h3 i   { background: url(../images/heart.png) no-repeat; width:24px; height: 21px; background-size:100% 100%; display:inline-block;  text-indent: -999999em; margin-right: 7px; }*/
.best_club h3 .ui-btn-inner  {margin-top: -.3em !important;  padding-top: 9px !important;  }
.best_club h3 i   { background: url(../images/fave.png) no-repeat; width:24px; height: 28px; background-size:100% 100%; display:inline-block;  text-indent: -999999em; margin-right: 8px; vertical-align: 9px;  margin-top: -11px;  }

.best_club .ui-li-heading    { letter-spacing: -1px; }
.best_club .ui-collapsible   { margin: 0;}
.best_club .ui-collapsible-heading   { margin:-2px -1px -10px -1px; z-index: 10; }
.best_club .ui-collapsible-heading .ui-btn-inner   { padding: .4em 10px; }
.best_club .ui-collapsible-heading .ui-btn   {  padding: .2em 0;}
.best_club .ui-collapsible-heading .ui-btn-text   {  font-size: 1em;  }
.best_club .ui-collapsible-heading .ui-btn-up-c   { background: #fff; background-image: none; border: 2px solid #88b916;  }
.best_club .ui-collapsible-heading .ui-btn-hover-c   { background: #fff; background-image: none; border: 2px solid #88b916;  }
.best_club .ui-icon-minus { background-position: -180px 50%;}
.best_club .ui-icon-plus { background-position: -216px 50%; }

.best_club .ui-collapsible-content   { margin: 0 -1px; padding: 10px 0 0 0;border: 2px solid #88b916;  -webkit-border-radius: 10px; -moz-border-radius:10px; border-radius: 10px; }
.best_club .ui-collapsible-content li:last-child    {-webkit-border-bottom-left-radius: 10px;-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;-border-bottom-right-radius: 10px;}
.best_club .ui-collapsible-content .ui-li-heading  { color: #519e07;  }
.best_club .best   { background: url(../images/best_mark02.png) no-repeat; width:26px; height: 26px; background-size:100% 100%; display:inline-block;  text-indent: -999999em;  position: absolute; top:5px; left: -1px; z-index: 5;}

/*   동호회 홈    */
.club_info   { position: relative; min-height:70px; margin:10px 0;  
	border-bottom: 1px solid #d3d3d3;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
 }
.club_info .img    { position: absolute; top:2px; left: 7px; } 
.club_info .img img    { width: 70px; height: 70px; }
.club_info ul    { margin-left: 87px; }
.club_info li    { font-weight: bold; color:#000; }
.club_info li em   { background: url(../images/bar02.gif) no-repeat 100% 5px;  margin-right:10px; color:#888; font-weight: normal;  width: 55px; display: inline-block; }
.club_info li .mem   { color: #0072c1; margin-left: -4px; }
.club_info li .no_mem   { color:#777; }
.club_info .c_txt   { margin:7px 10px;}
.club_info .bt    { float: right; position: relative; z-index: 5; margin-top: -35px;  width: 25%; right:12px; }
.club_info .bt .ui-btn   { margin: 0;}
.club_info .bt .ui-btn-text   { font-size: 1.1em; }
.club_info .bt .ui-btn-up-c   { border:1px solid #bcbcbc; }
.club_info .bt .ui-btn-inner   { padding: .4em 13px; }

.club_home_board .ui-listview    { margin: 0; }
.club_home_board .ui-li .ui-btn-inner a.ui-link-inherit    { padding: .7em 30px .7em 10px; font-size: 1em; color: #000; font-weight: normal;}
.club_home_board .ui-li-desc   { font-size: 1em;  margin: 0; }
.club_home_board span   { vertical-align: 1px; margin-right: 2px; }
.club_home_board time   { color:#888; font-size: .9em; font-weight: normal; }

/*   동호회 가입신청     */
.club_join_txt   { text-align: center;  margin: 10px; letter-spacing: -1px;}
.club_join_txt mark   { font-weight: bold;  color: #0072c1;  font-size: 1.2em; margin-bottom: 7px; display: block;text-decoration: underline; }
.club_join_txt em   { color: #963636;  margin: 0; }

.club_join_form   {  margin: 1em 8px !important; }
.club_join_form .ui-bar-b  { text-align:center;
	border: 1px solid #d3d3d3;
	background: #fff;
	font-weight: bold;  
	color: #333;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.club_join_form .li  {background: url(../images/bullet.gif) no-repeat 0 5px; padding:0 0 0 10px;  font-weight: normal; color:#777; font-size: 1em; margin: 13px;  } 
.club_join_form .ui-li-divider    { font-size: 1.1em;  }
.club_join_form dl  { font-size: 1em; padding: 0 !important;  }
.club_join_form dl .ico_all   { vertical-align: -3px; margin-right: 5px; }
.club_join_form dt   { font-weight: bold; color:#000;  margin-bottom: 7px; font-size: 1.1em; }
.club_join_form .ui-br   { border: none;}
.club_join_form label   { display: inline-block; vertical-align: top; }
.club_join_form textarea.ui-input-text   { width:87%; border: 1px solid #d3d3d3; background: #fff;  font-weight: bold; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em; display: inline-block; }

.bt_club    { border:none !important; padding:0 !important; }
.bt_club .ui-block-a    { text-align: right; } 
.bt_club .ui-btn-inner   { padding: .5em 40px .6em 40px; font-size: 1.1em;}

/*   동호회관리 - 동호회정보   */
.club_con_txt   { text-align: center; background: #e7e7e7;  padding: 10px; }
.club_con_txt span   { color:#b70404; text-decoration: underline; }
.club_con_txt a  { color:inherit; }

.club_con   { margin: 10px 8px !important; -webkit-box-shadow:none !important;  box-shadow:none !important; border:1px solid #c8c8c8; }
.club_con li   {border-bottom:1px solid #c8c8c8; padding: .5em 10px !important; }
.club_con li:last-child  {border-bottom:none; }
.club_con li:first-child .cont   { color: #1a7cc7; }
.club_con .tit   {width:34%; display: inline-block; background: url(../images/bar02.gif) no-repeat 100% 4px; margin-right: 10px; color:#777; vertical-align: top; letter-spacing: -1px; }
.club_con .cont   { width:61%; display: inline-block;  } 
.club_con .cont img    {max-width: 100%; }

.club_agree_txt    { margin: 10px; text-align: center; background: url(../images/dot.gif) repeat-x left bottom; padding-bottom: 10px; }
.club_agree_txt span    { color: #1a7cc7; font-size: 1.1em;}
.club_agree   {margin: 10px; }
.club_agree dt   {background: url(../images/bullet.gif) no-repeat 0 5px, url(../images/bar02.gif) no-repeat 100% 4px; font-weight: bold; color: #000;padding:0 10px; margin-bottom: 2px; display: inline-block;}
.club_agree dd  { padding-left: 10px;margin-bottom: 15px; display: block;}

.club_agree dd .ui-grid-a   { padding-right:5px;}
.club_agree dd .ui-btn  { width:100%;}
.club_agree dd .ui-btn-inner  { padding: .5em 0 } 
/*.club_agree dd .ui-btn-inner  { padding: .5em 40px; }*/
/*.club_agree dd .ui-block-a   { width: auto;}*/
.club_agree dd .ui-btn-text   { font-size: 1.1em; }
/*   동호회관리 - 가입승인   */
.club_join_list_th   {  padding:.3em 0;  
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #afafaf;
	background: #d9d9d9;
	font-weight: bold;  
	color: #777;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#d9d9d9));  
	background-image: -webkit-linear-gradient(#fff, #d9d9d9);  
	background-image:    -moz-linear-gradient(#fff, #d9d9d9); 
	background-image:     -ms-linear-gradient(#fff, #d9d9d9); 
	background-image:      -o-linear-gradient(#fff, #d9d9d9); 
	background-image:         linear-gradient(#fff, #d9d9d9); 
}
.club_join_list_th ul   {  max-width:320px; }
.club_join_list_th li  {  display: inline-block; text-align:center;  font-size: .9em; letter-spacing: -1px; }
.club_join_list_th li:nth-child(1)   { width:8%;}
.club_join_list_th li:nth-child(2)   {  width:8%;}
.club_join_list_th li:nth-child(3)   {width:23%;}
.club_join_list_th li:nth-child(4)   {  width:33%;}
.club_join_list_th li:nth-child(5)   { width:23%;}

.club_join_list   { margin: 0 !important;}
.club_join_list li   { padding: .5em 5px .5em 35px; position:relative; border-bottom:1px solid #e4e4e4; }
/*.club_join_list .ui-btn-corner-all { -moz-border-radius:0; -webkit-border-radius: 0; border-radius: 0; }
.club_join_list .ui-btn-up-c    { border: none; border-bottom: 1px solid #d3d3d3;}
.club_join_list .ui-btn-hover-c    { border: none; border-bottom: 1px solid #d3d3d3;}
.club_join_list .ui-checkbox    { margin: 0;}
.club_join_list .ui-btn-inner   { padding: .6em 0 .6em 0 !important;}
.club_join_list .ui-checkbox .ui-mini.ui-btn-icon-left .ui-icon   { left: 5px;}
.club_join_list label    { width: 100%;  display:inline-block !important;  }
.club_join_list span   { display: inline-block !important;  font-weight: normal; font-size: 1em; margin-right: 2px;  }
.club_join_list .la span   { font-weight: bold !important;  }
.club_join_list .ui-btn-text   { width:auto;  display: inline-block; padding-left: 29px; }*/
/*.club_join_list .rate   { width:8%; color:#888; text-align: center; }*/
.club_join_list .nickname   { display:inline-block;  color: #1a7cc7; font-weight: bold; }
.club_join_list .sub   { width:100%; display:block;  color:#000; line-height: 1.2em; }
.club_join_list .date   { display:inline-block; color:#888; text-align: center;  margin-right: 0; margin-left: 15px; }

.club_join_list label   { display: inline-block;  height: 50px; text-align: right; }
.club_join_list .ui-checkbox   { position: absolute; top: 6px; left: 7px; z-index: 10; }
.club_join_list .ui-checkbox .ui-btn-icon-left .ui-icon    { left:0;  top: 0;  margin-top: 0;} 
.club_join_list .ui-checkbox .ui-btn-inner    {  padding:1.3em 0 1.3em 20em;  }
.club_join_list .ui-checkbox .ui-btn-up-c   {  background: none; border: none; }
.club_join_list .ui-checkbox .ui-btn-hover-c   {  background: none; border: none;}
.club_join_list .ui-checkbox input    { top:10px; left:7px; visibility: hidden; }
.club_join_list .la     { font-weight: bold; color:#000; border-top:1px solid #d6d6d6; background: #f3f3f3; }
.club_join_list .la  .ui-checkbox   { top: 3px;  }
.club_join_list .la .ui-checkbox .ui-btn-inner    {  padding-left:23em;   }
.club_join_list .no_list    {padding-left:0;  }
/*   동호회관리 - 쪽지보내기   */
.club_letter_txt     { margin: 10px;  position: relative; padding-top: 20px; }
.club_letter_txt h4    {background: url(../images/bullet03.gif) no-repeat 0 5px; padding-left: 10px; color: #000; font-size: 1.1em; font-weight: bold; }
.club_letter_txt .bt    {  position: absolute; top:0; right: 0px;}
.club_letter_txt .bt .ui-btn   { margin: 0; }
.club_letter_txt .bt .ui-btn-inner   { padding: .5em 15px .5em 18px;  font-size: 1.1em;}

.club_letter_th   {  padding:.3em 0;  
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #afafaf;
	background: #d9d9d9;
	font-weight: bold;  
	color: #777;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#d9d9d9));  
	background-image: -webkit-linear-gradient(#fff, #d9d9d9);  
	background-image:    -moz-linear-gradient(#fff, #d9d9d9); 
	background-image:     -ms-linear-gradient(#fff, #d9d9d9); 
	background-image:      -o-linear-gradient(#fff, #d9d9d9); 
	background-image:         linear-gradient(#fff, #d9d9d9); 
}

.club_letter_th li  {  display: inline-block; text-align:center;  font-size: .9em; letter-spacing: -1px; }
.club_letter_th li:nth-child(1)   { width:22%;}
.club_letter_th li:nth-child(2)   {  width:18%;}
.club_letter_th li:nth-child(3)   {width:17%;}
.club_letter_th li:nth-child(4)   {  width:39%;}
.club_letter_att    { border-top: 1px solid #bdcbce; border-bottom: 1px solid #bdcbce; background: #e4eef1; text-align: center; color:#2b5a8a;  padding: .4em 0; margin-bottom: -1px;  position: relative; z-index: 5;}

.club_letter_list    { margin: 0 !important;}
.club_letter_list li   {  letter-spacing: -1px;  }
.club_letter_list .ui-icon   { display: none; }
.club_letter_list .ui-li .ui-btn-inner a.ui-link-inherit { padding: .7em 2px .7em 0; }

.club_letter_list .ui-btn-inner    { font-weight: normal; }
.club_letter_list .date    { width: 22%; text-align:center; display: inline-block; }
.club_letter_list .admin    { width: 18%; text-align:center; display: inline-block; color: #1a7cc7;  }
.club_letter_list .grade    { width: 18%; text-align:center; display: inline-block; }
.club_letter_list .sub    { width: 39%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #888; }

/*   자유게시판   */
.club_board_list_th   {  padding:.3em 0;
	border-top: 1px solid #00429c;
	border-bottom: 1px solid #afafaf;
	background: #d9d9d9;
	font-weight: bold;  
	color: #777;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#d9d9d9));  
	background-image: -webkit-linear-gradient(#fff, #d9d9d9);  
	background-image:    -moz-linear-gradient(#fff, #d9d9d9); 
	background-image:     -ms-linear-gradient(#fff, #d9d9d9); 
	background-image:      -o-linear-gradient(#fff, #d9d9d9); 
	background-image:         linear-gradient(#fff, #d9d9d9); 
}
.club_board_list_th p  { background:url(../images/bar.gif) no-repeat 0 .4em; display: inline-block; text-align:center;  font-size: .9em; }
.club_board_list_th p:nth-child(1)   {background: none; width:69%;}
.club_board_list_th p:nth-child(2)   {  width:30%;}
.club_board_list    { margin: 0 !important;}
.club_board_list .ui-icon   { display: none; }
.club_board_list .ui-li .ui-btn-inner a.ui-link-inherit  { padding: .5em 5px;  }
.club_board_list li li   {  float:left;  margin: 2px 0; }
.club_board_list li.sub   {width:71%; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  color: #000; }
.club_board_list li.nickname    {width:29%; color: #0072c1;   text-align: center;  }
.club_board_list li.date   { float:right; width:40%;  color: #888;  text-align: right; }
.club_board_list li.con p   { color: #888; display: inline-block; background:url(../images/bar.gif) no-repeat 0 4px; padding:0 8px 0 10px;   margin: 0; font-size: 1em; }
.club_board_list li.con p:first-of-type   { background: none; padding-left: 0; }
.club_board_list li.con p mark   { font-weight: bold;  margin-left: 3px; }
.club_board_list li.con p:first-of-type mark   { color:#0072c1;}
.club_board_list li.con p:last-of-type mark   { color:#cc0202;}

/*   앨범게시판   */
.club_album_list    { margin: 0 !important;}
.club_album_list li:first-child   { border-top-color:  #00429c; }
.club_album_list .ui-btn-inner  {padding:.5em 6px; }
.club_album_list .ui-icon   { display: none; }
.club_album_list .ui-li .ui-btn-inner a.ui-link-inherit  { padding: 7px 5px 0 120px; min-height: 85px;  }
.club_album_list .ui-li-thumb    {max-width: 110px; max-height: 90px;  width: 110px;  height: 90px;}

.club_album_list li.sub   {text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;  color: #000; margin-bottom: 3px; margin-right: -15px; }
.club_album_list li.nickname    { color: #0072c1;    }
.club_album_list li.date   { color: #888;  }
.club_album_list li.con p   { color: #888; display: inline-block; background:url(../images/bar.gif) no-repeat 0 4px; padding:0 8px 0 10px;   margin: 0; font-size: 1em; }
.club_album_list li.con p:first-of-type   { background: none; padding-left: 0; }
.club_album_list li.con p mark   { font-weight: bold;  margin-left: 3px; }
.club_album_list li.con p:first-of-type mark   { color:#0072c1;}
.club_album_list li.con p:last-of-type mark   { color:#cc0202;}
.club_album_list .no_list    {border-top: 1px solid #00429c;  margin-top: 0 !important; padding: 30px 0 !important; }

/*  정기라운드   */
.club_btn    {   }
.club_btn .ui-btn   { margin: .7em 30px 1em; font-size: 1.1em; }
.club_round_list     { margin: 0 !important; }
.club_round_list li:first-child   {}
.club_round_list .ui-btn-inner a.ui-link-inherit  {padding:.5em 0; }
.club_round_list .ui-icon   { display: none; }
.club_round_list li li  { display: inline-block; background:url(../images/bar.gif) no-repeat 100% 4px; padding-right:12px; margin-left: 6px; color:#000;  }
.club_round_list .nickname  {color:#0072c1; background:none; }
.club_round_list .sub  { display: block; color:#888;  background:none; margin-top: 3px; padding-right:0;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.club_round_list .golf_c   {display: block;  background:none; margin-top: 2px; margin-bottom: 3px;padding-right:0; }
.club_round_list .golf_c em   {margin-left: 5px;}
.club_round_list .team   {color:#888; } 
.club_round_list .team mark   {color:#000; margin-right: 3px; } 
.club_round_list .offer   {color:#888; } 
.club_round_list .offer mark   {color:#0072c1; margin-left: 3px; } 
.club_round_list .assign   {color:#888;  background:none; } 
.club_round_list .assign mark   {color:#cc0202; margin-left: 3px; } 
.club_round_list .state   { float:right;  background:none;padding-right:8px;  margin-left: 0;margin-top: -1px;  }
.club_round_list .state span   {min-width: 30px; }
.club_round_list .no_list   {padding: 30px 0 !important; }

.club_assign_view    { margin: 10px 10px 15px 10px!important; }
.club_assign_view .ui-li-divider   { font-size: 1.1em; padding: .4em 15px .5em; }
.club_assign_view .ui-li-divider em   { margin-left: 5px;background:url(../images/bar03.gif) no-repeat 0 4px; padding-left:15px;  }
.club_assign_view .ui-body-c    { border:1px solid #a8a8a8; color:#888; }
.club_assign_view span   {background:url(../images/bar.gif) no-repeat 0 3px; padding-left:12px; margin-right: 5px; color:#000; }
.club_assign_view span:first-child   { background: none; padding-left: 0; }

.club_assign_open   { margin: 10px 10px 15px ; text-align: center; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; padding: 15px 0;  }
.club_assign_open .ui-controlgroup-label  {  font-weight: bold; font-size: 1.1em; letter-spacing: -1px; margin: 0 -10px 10px -10px;}
.club_assign_open .ui-radio:first-of-type   { width:35%; }
.club_assign_open .ui-radio:last-of-type   { width:65%; }
.club_assign_open .ui-radio .ui-btn   { width:100%; font-size: 1em; }
.club_assign_open .ui-radio .ui-btn-inner    {padding: .6em 0;}
.club_assign_search   { background: #e8e8e8;  border-bottom:1px solid #a5a5a5; padding:7px 10px 10px 10px; }
.club_assign_search label  {width:20%; display: inline-block;  margin-right: 10px; font-weight: bold; font-size: 1.1em; }
.club_assign_search .ui-select { width:75%; display: inline-block;font-size: 1.1em; }


/**************************************************************
04  :   코스공략
*************************************************************/
/*   list  */
.course_list    { margin:10px 0 0 0 !important; }
.course_list .ui-icon    {display: none;}
.course_list .ui-li .ui-btn-inner a.ui-link-inherit   {  padding: .5em 8px; }
.course_list .ui-li-heading    { font-size: 1.1em; color:#000;  margin: 0; padding-right: 90px;  }
.course_list .sub   {margin-top: 5px; font-weight:normal;  text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;  }
.course_list ul   { margin-top: 2px; }
.course_list ul li    { display: inline-block; color:#000; background:url(../images/bar.gif) no-repeat 0 4px; padding-left:12px; margin-right: 8px;  }
.course_list ul li:first-child   { background: none; padding-left: 0; }
.course_list .nickname   {color:#0072c1;  font-weight: bold; }
.course_list .nice mark  { color:#0072c1; font-weight: bold;}
.course_list .reply mark  {color: #cb2424;font-weight: bold; }
.course_list .date    { color:#888; margin-right:0; font-size: .9em; letter-spacing:-1px; position: absolute; top:.4em; right:7px;background: none; padding-left: 0; }

/*   나이스 샷    */
.nice_list   { margin: 0 !important;}
.nice_list .ui-btn    {min-height: 65px;}
.nice_list .ui-li-thumb    {min-width: 50px; max-width: 50px;  top:6px; left: 10px; }
.nice_list .ui-li-heading   { padding-top: 5px; }
.nice_list .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit    { padding: .5em 15px .5em 75px; }


/************************************************************
05  :   마이페이지
*************************************************************/
 /*   프로필 등록    */
.profile_area    { margin: 15px; position: relative; text-align: center; }
.profile_area .ui-block-a   { width: 41%; }
.profile_area .ui-block-b   { width: 59%; }
.profile_area .p_img    { width: 106px; height: 106px;  display: inline-block; border: 1px solid #c3c3c3;  }
.profile_area .p_img img   { border: 3px solid #fff; width: 100px; height: 100px; }
.profile_area .p_cont     { margin:0 2px 0 5px; }
.profile_area .p_cont .txt   { margin-left: 10px; }
.profile_area .p_cont .ui-icon   { display: none; }
.profile_area .p_cont a.ui-link-inherit    {white-space: normal; padding: .5em 0 .5em 15px; }
.profile_area .ui-btn-text   { font-size: 1.1em;}

.profile_form   {margin:15px;border: 1px solid #c3c3c3; background: #f5f5f5; -webkit-border-radius: 1em;border-radius: 1em; padding:5px 15px 8px; font-weight: bold; }
.profile_form li   { margin: 10px 0; border-bottom: 0;  padding: 0;}
.profile_form li:first-child   { margin-bottom: 15px;}
.profile_form label   {width:27%; display: inline-block; color:#777; font-size: 1.1em;  font-weight: bold; vertical-align:top; padding-top: 7px; }
.profile_form li:first-child label  {padding-top: 0; }
.profile_form .cont    { width:72%; display: inline-block; color:#000;  font-weight: bold ; font-size: 1.1em;  } 
.profile_form .ui-btn-corner-all    {-webkit-border-radius: .6em;border-radius: .6em; }
.profile_form .ui-btn   { text-align: left;}
.profile_form .ui-btn-inner   { padding: .5em 10px;}
.profile_form .ui-btn-up-c    { border: 1px solid #bbb;  }
.profile_form .ui-field-contain .ui-select    {width:100; }
.profile_form input    { border: 1px solid #bbb; width:93%; font-size: 1.1em;}
.profile_form .ui-shadow-inset { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.profile_form .ex   { color:#666; font-size: .9em; margin-top: 3px;  line-height: 1.2em;}
/*  프로필 view   */
.profile_li li  { border-bottom : 1px solid #c3c3c3; padding-bottom: 10px; margin: 10px 0 0 0; }
.profile_li li:last-child  { border-bottom :none;  }
.profile_li .p_tit  { width:25% !important; display: inline-block; color:#666; background:url(../images/bar02.gif) no-repeat 100% 4px; padding-right:10px; margin-right:10px; color:#bababa; font-weight: bold; font-size: 1.1em;  vertical-align: top;}
.profile_li .cont   { width:65% !important; }
.profile_li .ico_navi   {vertical-align: 2px; }

/*   나의 스코어 list     */
.my_score_th   {  padding:.3em 0;  
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #afafaf;
	background: #d9d9d9;
	font-weight: bold;  
	color: #777;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#d9d9d9));  
	background-image: -webkit-linear-gradient(#fff, #d9d9d9);  
	background-image:    -moz-linear-gradient(#fff, #d9d9d9); 
	background-image:     -ms-linear-gradient(#fff, #d9d9d9); 
	background-image:      -o-linear-gradient(#fff, #d9d9d9); 
	background-image:         linear-gradient(#fff, #d9d9d9); 
}

.my_score_th li  {  display: inline-block; text-align:center;  font-size: .9em; letter-spacing: -1px; }
.my_score_th li:nth-child(1)   { width:21%;}
.my_score_th li:nth-child(2)   {  width:43%;}
.my_score_th li:nth-child(3)   { width:9%;}
.my_score_th li:nth-child(4)   { width:9%;}
.my_score_th li:nth-child(5)   { width:13%;}
.my_score_list    { margin: 0 !important;  }
.my_score_list li   {  letter-spacing: -1px; color: #777; }
.my_score_list .ui-icon   { display: none; }
.my_score_list .ui-li .ui-btn-inner a.ui-link-inherit { padding: .7em 2px .7em 0; text-align: center; white-space: normal; }
.my_score_list .ui-li .ui-btn-inner a.ui-link-inherit div   { display: inline-block; vertical-align: top; }
.my_score_list .ui-btn-inner    { font-weight: normal; }
.my_score_list .date    { width: 21%; }
.my_score_list .golf    { width: 43%;  color: #1a7cc7; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my_score_list .hole    { width:9%; }
.my_score_list .par   { width:9%;   }
.my_score_list .score  { width: 13%;  }

/*   스코어 등록   */
.my_score_record      { margin-bottom: 20px; }
.my_score_record .ui-field-contain    {margin: 0; border: none;}
.my_score_record dt   {  padding:.5em 0 .5em 10px; letter-spacing: -1px; position: relative; font-weight:bold; font-size: 1.1em; 
	border-top: 1px solid #afafaf !important;
	border-bottom: 1px solid #afafaf !important;	
	background: #d9d9d9;
	font-weight: bold;  
	color: #000;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 40%, left 90%, from(#fff), to(#d9d9d9));  
	background-image: -webkit-linear-gradient(#fff, #d9d9d9);  
	background-image:    -moz-linear-gradient(#fff, #d9d9d9); 
	background-image:     -ms-linear-gradient(#fff, #d9d9d9); 
	background-image:      -o-linear-gradient(#fff, #d9d9d9); 
	background-image:         linear-gradient(#fff, #d9d9d9); 
}
.my_score_record dt label  {width:26%; display: inline-block;  }
.my_score_record dt .bt    {position: absolute; top:0; right:5px; }
.my_score_record dt .bt .ui-btn-inner   {padding: .3em 15px .4em; }
.my_score_record .info_tit  {margin-top: 6px;font-weight:bold; min-height:30px;}
.my_score_record .info_tit span  { color:#888; }
.my_score_record .ui-select   {width: 70%; display: inline-block;  }
.my_score_record .ui-select .ui-btn-inner   {padding: .6em 35px .6em 10px; font-size:.9em; }
.my_score_record .ui-select .ui-icon   { right: 8px;}
.my_score_record dd  { min-height:50px; padding: .5em 10px; font-weight: bold; font-size:1.1em; }
.my_score_record dd label  {width:28%; display: inline-block; color:#888; background:url(../images/bullet.gif) no-repeat 0 6px, url(../images/bar02.gif) no-repeat 100% 4px ; padding-left:10px; margin:7px 7px 0 0; letter-spacing: -1px; vertical-align: top; font-weight: bold; font-size: .9em; }
.my_score_record dd .input_cont    {width: 62%; display: inline-block; margin-bottom:7px; }
.my_score_record dd .input_cont p   {margin: 7px 0 0 5px ;  vertical-align: top; font-size: 1em;  font-weight: bold; }
.my_score_record .ui-field-contain input.ui-input-text   { border: 1px solid #d3d3d3; background: #fff;  font-weight: bold; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em; width:100%;}
.my_score_record dd .input_date  {  margin-bottom:7px; }
.my_score_record dd .input_date .ui-select  { width:85%;   }
.my_score_record dd .input_leg .ui-select  { width: 35%;  }
.my_score_record dd .input_leg .ui-select:last-of-type { margin-left: 7px; }
.my_score_record dd .input_s input.ui-input-text   { width: 50%; display: inline-block; margin-right: 5px; } 
.my_score_record dd textarea   { border: 1px solid #d3d3d3; background: #fff; font-weight: normal; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em;  }
.my_score_record .ui-field-contain textarea.ui-input-text  {width:97%; min-height: 70px; }
.my_score_record .img_area     { position: relative; display: inline-block; }
.my_score_record .img_area img   {max-width: 70px;  margin:5px 0 2px;   }
.my_score_record .img_area .bt_del   { position: absolute; top:0; right:-5px; z-index: 10; border: none; background: none; text-align: right; vertical-align: top; width: 50px; height: 50px; cursor: pointer; text-indent: -9999em; display: inline-block; }
.my_score_record .img_area .bt_del em   {display: none; }
.my_score_record .img_area .bt_del span   { vertical-align: 30px; }
.my_score_record .score_area   {  position: relative;color:#000; font-size: 1.2em;}
.my_score_record .score_area .sc_tit    {background:url(../images/bar02.gif) no-repeat 100% 5px ; padding-right:20px;}
.my_score_record .score_area .ico_all    {position: absolute; top:1.1em; right:15px;}
.my_score_record .score_area .ui-link  { display:block; padding: .3em 0 .5em; color:#000; }
.my_score_record .score_area .sc_area   { display:inline-block; position: absolute; top:.5em; right:45px; margin: 0;  color:#888; }
.my_score_record .score_area .sc_area .sc_count    { min-width:30px; margin-left: 7px; padding: .3em 20px; border: 1px solid #aaa; background: #fff; -webkit-border-radius:.6em;  border-radius:.6em; display: inline-block; text-align: center; color:#0072c1; font-size: 1.3em; vertical-align: -3px; }

/*  스코어 view  */
.my_score_record .info_cont   {font-weight: normal; font-size:1em; }
.my_score_record .info_cont .img_info   {float: left; margin: 0 10px 5px 0; position: relative; display: inline-block; }
.my_score_record .info_cont .img_info img   {max-width: 100px; }
.my_score_record .info_cont .img_info .bt_view   { position: absolute; bottom:2px; right:-3px; z-index:10;  width: 100px; height:100px; display: inline-block; vertical-align: bottom; text-align: right; cursor: pointer; }
.my_score_record .info_cont .img_info .bt_view .ico_btn    { vertical-align: -86px; }
.my_score_record .info_cont .img_info .bt_view .ico_btn em   { display: none; }
.my_score_record .sc_table      { padding-top: 10px; }
.my_score_record .sc_table table    { width: 100%;  }
.my_score_record .sc_table col   { width: 25%; }
.my_score_record .sc_table th   { padding: .4em 0; text-align: center; font-weight: bold; color: #fff; font-size: .9em; letter-spacing:-1px;
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf); 
}
.my_score_record .sc_table td   { padding: .4em 0; text-align: center; font-weight: bold;  border: 1px solid #ccc; }

/*   스코어 카드 작성   */
.my_card_tab   {margin: 10px; }
.my_card_tab .ui-btn  { width: 49%; }
.my_card_tab .ui-btn-inner   { font-size: 1.2em; padding: .5em 0 .7em;  }

.my_card_record     {}
.my_card_record table   {width: 100%; }
.my_card_record col:nth-child(1)   { width: 28%; }
.my_card_record col:nth-child(2)   { width: 21%; }
.my_card_record col:nth-child(3)   { width: 30%; }
.my_card_record col:nth-child(4)   { width: 21%; }
.my_card_record th   { padding: .4em 0; text-align: center; font-weight: bold; color:#888; 
	border: 1px solid #ddd;
	background: #2b8caf;
	font-weight: bold;  
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.my_card_record td   { padding: .4em 0; text-align: center; font-weight: bold;  border: 1px solid #ddd; color: #777; }
.my_card_record td:nth-child(2)   { padding: 0 7px;}
.my_card_record tfoot td   {color: #000; background: #e1f0fa; }
.my_card_record .ui-select    { margin: 0 8px; }
.my_card_record .ui-select .ui-btn-inner   {  padding: .4em 25px .4em 7px;  }
.my_card_record .ui-select .ui-icon   { right: 8px;}
.my_card_record .ui-input-text  { border: 1px solid #d3d3d3; background: #fff;  font-weight: bold; color: #333;  box-shadow: none; -webkit-box-shadow: none; font-size: 1em; text-align: center; margin: 0 auto; width:70%;}

.my_card_bt     { margin: 0; }
.my_card_bt .ui-block-a   { text-align: center; }
.my_card_bt .ui-block-b   { text-align: center; }
.my_card_bt .btn_area02 .ui-btn-inner   {min-width:80px; } 

/*    나의 스코어 통계    */
.my_score   {margin: 10px 0; }
.my_score h5   {background: url(../images/bullet03.gif) no-repeat 0 6px; padding-left: 10px; margin: 0 0 7px 10px; color: #000; font-weight: bold; font-size: 1.2em; }
.my_score table   {width:100%;border-top: 1px solid #ddd; }
.my_score col:nth-child(1)   { width: 28%; }
.my_score col:nth-child(2)   { width: 72%; }
.my_score th    { background: #f0f0f0; text-align: left; color:#777; border-bottom: 1px solid #ddd; padding: .7em 6px; font-size: .9em;  font-weight: bold; vertical-align: top; letter-spacing: -1px; }
.my_score td    {  color:#000; border-bottom: 1px solid #ddd; padding: .7em 7px; font-size: 1.1em;  font-weight: bold; }
.my_score td em   {background: url(../images/bar03.gif) no-repeat 0 4px; padding-left: 15px; margin-left:8px; color:#0072c1;}
.my_score tr:first-child em   { background: none; margin-left: 0; padding-left: 0;}

.my_score_state   {margin: 10px 0; }
.my_score_state h5   {background: url(../images/bullet03.gif) no-repeat 0 6px; padding-left: 10px; margin: 20px 0 7px 10px; color: #000; font-weight: bold; font-size: 1.2em; }
.my_score_state table   {width:100%;border-top: 1px solid #ddd; }
.my_score_state col:nth-child(1)   { width: 22%; }
.my_score_state col:nth-child(2)   { width: 26%; }
.my_score_state col:nth-child(3)   { width: 26%; }
.my_score_state col:nth-child(4)   { width: 26%; }
.my_score_state th   { padding: .4em 0; text-align: center; font-weight: bold; color:#888; 
	border: 1px solid #ddd;
	background: #2b8caf;
	font-weight: bold;  
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.my_score_state td   { padding: .4em 0; text-align: center; font-weight: bold;  border: 1px solid #ddd; color: #000; }
.my_score_state tbody td:first-child   {color: #777; }
.my_score_state td em   {background: url(../images/bar03.gif) no-repeat 0 3px; padding-left: 15px; margin-left:8px; color:#B70404;}
.my_score_state tfoot td   {color: #000; background: #e1f0fa;padding: .6em 0; }
.my_score_state tfoot td:first-child    {letter-spacing: -1px; }

/*   조인정보   */
.jo_table      { margin: 10px; }
.jo_table h5   {background: url(../images/bullet03.gif) no-repeat 0 6px; padding-left: 10px; margin:0 0 7px 7px; color: #000; font-weight: bold; font-size: 1.1em; }
.jo_table table    { width: 100%;  }
.jo_table col   { width: 30%; }
.jo_table col:first-child   { width: 40%; }
.jo_table th   { padding: .4em 0; text-align: center; font-weight: bold; color: #fff; font-size:1em; letter-spacing:-1px;
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf); 
}
.jo_table td   { padding: .4em 0; text-align: center; font-weight: bold;  border: 1px solid #ccc;font-size:1.2em; }
.jo_table td:last-child   { color:#0072c1;}

.jo_tab   { border-top-color:#00429c; }

/*   부킹정보   */
.bo_table      { margin: 10px; }
.bo_table h5   {background: url(../images/bullet03.gif) no-repeat 0 6px; padding-left: 10px; margin:0 0 7px 7px; color: #000; font-weight: bold; font-size: 1.1em; }
.bo_table table    { width: 100%;  }
.bo_table col   { width: 24%; }
.bo_table col:nth-child(2)   { width: 28%; }
.bo_table th   { padding: .4em 0; text-align: center; font-weight: bold; color: #fff; font-size:.9em; letter-spacing:-1px;
	border: 1px solid #2a8db1;
	background: #2b8caf;
	font-weight: bold;  
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56d2ed), to(#2b8caf));  
	background-image: -webkit-linear-gradient(#56d2ed, #2b8caf);  
	background-image:    -moz-linear-gradient(#56d2ed, #2b8caf);  
	background-image:     -ms-linear-gradient(#56d2ed, #2b8caf);  
	background-image:      -o-linear-gradient(#56d2ed, #2b8caf);  
	background-image:         linear-gradient(#56d2ed, #2b8caf); 
}
.bo_table td   { padding: .4em 0; text-align: center; font-weight: bold;  border: 1px solid #ccc;font-size:1.2em; }

.bo_tab   { border-top:1px solid #00429c; }
.bo_tab .ui-btn-up-c:first-of-type  { border-top-color:#00429c; margin-top: -1px; }
.bo_tab .ui-btn-hover-c:first-of-type  { border-top-color:#00429c; margin-top: -1px; }
/*  기본정의는 조인룸  .room_list 에 정의되어 있음.   */
.bo_tab li.date   {width:38% !important; color: #666; }
.bo_tab li.golf_c   {width:62% !important; }

.wa_tab   { border-top:1px solid #00429c; }
.wa_tab dl  { margin: 0 !important; }
.wa_tab dd:first-of-type  {border-top:none ; }
/*  기본정의는 부킹  .booking_list 에 정의되어 있음.   */
.wa_tab .bt_W  {right: 0 !important; }
.wa_tab .ui-li-heading    { font-size: 1.1em !important; }

.don_tab   { border-top:1px solid #00429c; }
.don_tab dl:first-of-type dt    {  border-top: none; }
.don_tab .ui-li-heading    { font-size: 1.1em !important; margin-bottom: 5px !important; }

/*   결제 / 마일리지  정보   */
.my_mileage      { margin: 20px 10px 10px; }
.my_mileage .ui-listview-inset    { margin: 0; }
.my_mileage h5   {background: url(../images/bullet03.gif) no-repeat 0 6px; padding-left: 10px; margin:0 0 7px 7px; color: #000; font-weight: bold; font-size: 1.1em; }
.my_mileage .tit   { width: 46%; display:inline-block; background: url(../images/bar02.gif) no-repeat 100% 4px; margin-right:14px; color:#555;font-size:1em; letter-spacing: -1px; line-height: 1.2em; }
.my_mileage .tit span   { color:#888;font-size:.9em;}
.my_mileage .cont  { width: 46%; display:inline-block; font-weight:bold; font-size:1.2em; color:#0072c1; vertical-align:top; }
.my_mileage .cont .ico_navi   { margin-left: 5px; vertical-align: -2px; }
.my_mileage .ui-body-c   {
	border: 1px solid #d3d3d3;
	background: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}

.my_mileage_search   { margin: 0 10px; border-bottom: none; padding: .8em 0; }
.my_mileage_search .ui-field-contain     { padding: 0; border-bottom: none; margin: 0;}
.my_mileage_search .txt   {background: url(../images/bullet.gif) no-repeat 0 6px; padding-left: 8px; display: block; margin:0 -10px 12px -2px; letter-spacing: -1px;  display: block; }
.my_mileage_search .ui-btn-corner-all    {-webkit-border-radius:.6em ; border-radius:.6em ; }
.my_mileage_search .date   { margin-bottom: 7px; font-weight: bold; }
.my_mileage_search .date .ui-select   {width:24%; margin-right: 3px; display: inline-block; }
.my_mileage_search .date .ui-select:first-child  {width:29%; }
.my_mileage_search .date .ui-select .ui-icon    { right: 7px; }
.my_mileage_search .date .ui-select .ui-btn-inner   { padding:.6em 35px .6em 10px; }
.my_mileage_search .ui-controlgroup-label   { display: none; }
.my_mileage_search .ui-controlgroup-controls  { width:100%; }
.my_mileage_search .ui-controlgroup-controls .ui-radio   { width:25%; }
.my_mileage_search .ui-controlgroup-controls .ui-btn   { width:100%; }
.my_mileage_search .ui-controlgroup-controls .ui-btn-inner   { padding:.6em 0; }
.my_mileage_search .bt  {  display: inline-block; }
.my_mileage_search .bt .ui-btn  { margin: 0; }
.my_mileage_search .bt .ui-btn-inner   { padding:.6em 10px .6em 30px; }
.my_mileage_search .bt .ui-icon    { left: 5px; }

.my_mileage_list    { }
.my_mileage_list .ui-listview   { margin: 0;  }
.my_mileage_list .ui-li-static   { padding: .6em 10px !important; }
.my_mileage_list .ui-listview .ui-body-c   {
	border-top: 1px solid #d3d3d3;
	background: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.my_mileage_list .ui-listview:last-of-type   { border-bottom: 1px solid #d3d3d3; }
.my_mileage_list div    { margin: 1px 0;}
.my_mileage_list div em   { background: url(../images/bar02.gif) no-repeat 100% 3px; padding-right:10px;  margin-right:7px; letter-spacing: -1px; color:#888;   }
.my_mileage_list .date   { width:55%; display: inline-block; color:#000;  }
.my_mileage_list .section   { width:43%; display: inline-block; color:#000;  }
.my_mileage_list .acc   { width:55%; display: inline-block; color:#d70000;  }
.my_mileage_list .rest   { width:43%; display: inline-block; color:#0072c1;  }
.my_mileage_list .sub   { display: block; color:#000;  }
.my_mileage_list .no_list   { background: #fff !important; border: none !important; }

/*    개인정보변경 _기본정의는 회원가입  .join_form 에 정의 되어 있음  */
.join_mod   {  float:left; margin:-24px 0 0 35%; font-weight:bold; font-size: 1.2em; color: #fff;  }

/************************************************************
06  :   고객센터
*************************************************************/
/*  cs main   */
.cs_info   { border: 1px solid #ccc;background: url(../images/dot_bg02.png) repeat #e1e1e1; -webkit-border-radius: 1em;border-radius: 1em;  margin: 10px; padding: 15px; }
.cs_info .tit   { width: 29%; display:inline-block; vertical-align: top;  font-weight: bold; color:#888; padding-top: 5px; }
.cs_info .cont   { width: 69%; display:inline-block; margin-bottom: 7px; }
.cs_info .cont a { font: 1.5em Arial; display: block; }
.cs_info .cont mark  { font-weight: bold; color:#0072c1;  }
.cs_info .cont button   { -webkit-border-radius: 10px; border-radius: 10px;  padding:3px 3px 1px; min-width:40px; margin-left:10px; vertical-align:-2px; -moz-box-shadow: 0px 1px 4px rgba(0,0,0,.3); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, .3); box-shadow: 0px 1px 4px rgba(0, 0, 0, .3) ; 
	border: 1px solid #b0b0b0;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3);   
} 
.cs_info hr  { background: url(../images/dot.gif) repeat-x center left;  height: 2px;  border: none; margin-top: 5px; padding-top: 10px; }
.cs_info .txt   {border: 1px solid #1d91db; background: #fff; -webkit-border-radius: 7px;border-radius: 7px;  margin:0 0 2px 29%; padding: 5px 10px; color:#105086; display: inline-block; letter-spacing: -1px; }
.cs_info .txt .ico_all   { vertical-align: -2px; margin-left: 5px; }
.cs_txt    { text-align: center; margin: 20px 0; }
.cs_txt mark   { color:#0072c1; text-decoration: underline; }

/*  공지사항 list  */
.notice_list    { margin: 0 !important;}
.notice_list li:first-child   { border-top: 1px solid #00429c !important; }
.notice_list .no_list   { margin-top: 0 !important; padding: 30px 0 !important; }
.notice_list .part     {  margin-bottom: 3px; }
.notice_list .part span   { min-width: 40px; }
.notice_list .part time   { font-weight: normal; margin-left: 7px; vertical-align: -2px; }
.notice_list .ui-li .ui-btn-inner a.ui-link-inherit    { padding: .6em 10px;  }
.notice_list .sub    {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.notice_list .ui-icon   { display: none; }

/*   Q&A  list  */
.qna_list    { margin: 0 !important;}
.qna_list li:first-child   { border-top: 1px solid #00429c !important;  }
.qna_list .no_list   { margin-top: 0 !important; padding: 30px 0 !important; }
.qna_list .part_S     {  margin-bottom: 3px;  font-weight: normal; color:#999;  padding-right:70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.qna_list .part_S mark    { color:#5ba200; background: url(../images/bar02.gif) no-repeat 0 3px; padding-left: 10px; margin-left: 6px;  }
.qna_list .part_G     {  margin-bottom: 3px;  font-weight: normal; color:#999;  padding-right:70px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.qna_list .part_G mark    { color:#0072c1; background: url(../images/bar02.gif) no-repeat 0 3px; padding-left: 10px; margin-left: 6px;  }
.qna_list time   { position: absolute; top:.6em; right:10px; font-size: .9em; color:#888; font-weight: normal; }
.qna_list .ui-li .ui-btn-inner a.ui-link-inherit    { padding: .6em 10px; min-height: 40px; }
.qna_list .sub    {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right:60px; }
.qna_list .ui-icon   { display: none; }
.qna_list .state_ok   { min-width: 40px; position: absolute; bottom:10px; right:10px;}
.qna_list .state_finish   { min-width: 40px; position: absolute; bottom:10px; right:10px;}

/*  Q&A  view    */
.qna_view    { }
.qna_view dt    { font-weight: bold; color:#000; font-size: 1.1em;  border-bottom: 1px solid #d3d3d3;padding:.5em 10px;
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3));  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3);  
	background-image:    -moz-linear-gradient(#fff, #e3e3e3); 
	background-image:     -ms-linear-gradient(#fff, #e3e3e3); 
	background-image:      -o-linear-gradient(#fff, #e3e3e3); 
	background-image:         linear-gradient(#fff, #e3e3e3); 
}
.qna_view dt time   {  margin-left:7px; font-size: .9em; color:#888; font-weight: normal; }
.qna_view .part_S     {  margin-top: 3px;  font-weight: normal; color:#999;  padding-right:10px; }
.qna_view .part_S mark    { color:#5ba200; background: url(../images/bar02.gif) no-repeat 0 3px; padding-left: 10px; margin-left: 6px;  }
.qna_view .part_G     {  margin-top: 3px;  font-weight: normal; color:#999;  padding-right:10px;   }
.qna_view .part_G mark    { color:#0072c1; background: url(../images/bar02.gif) no-repeat 0 3px; padding-left: 10px; margin-left: 6px;  }
.qna_view dd    { border-bottom: 1px solid #d3d3d3; padding:.9em 10px;  margin-bottom: 20px; } 
.qna_view dd time    {  display: block;font-size: .9em; color:#888; font-weight: normal; }
.qna_view .ques    { padding:0 0 15px 25px; position: relative; }
.qna_view .ques .ico_all    { position: absolute; top:2px; left:0; }
.qna_view .answer      { padding:15px 0 0 25px; margin-top:-2px; position: relative; background: url(../images/dot.gif) repeat-x top left; color:#72452a;    }
.qna_view .answer .ico_all    { position: absolute; top:17px; left: 0; }


/************************************************************
07  :   설정
*************************************************************/
.setup_area   { margin:20px 15px; color:#bbb;  }
.setup_area .ui-body-d   {
	border: 1px solid #242424;
	background: #262626;
	font-weight: bold;  
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#262626)) !important;  
	background-image: -webkit-linear-gradient(#696969, #262626) !important;   
	background-image:    -moz-linear-gradient(#696969, #262626) !important;    
	background-image:     -ms-linear-gradient(#696969, #262626) !important;    
	background-image:      -o-linear-gradient(#696969, #262626) !important;  
	background-image:         linear-gradient(#696969, #262626) !important;    
}
.setup_area .ui-btn-active    {
	border: 1px solid #435900;
	background: #458600;
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#85c300), to(#458600));  
	background-image: -webkit-linear-gradient(#85c300, #458600);  
	background-image:    -moz-linear-gradient(#85c300, #458600);  
	background-image:     -ms-linear-gradient(#85c300, #458600);  
	background-image:      -o-linear-gradient(#85c300, #458600);  
	background-image:         linear-gradient(#85c300, #458600);  
}
.setup_area .ui-btn-active a.ui-link-inherit  {color: #fff !important; }
.setup_area li    { min-height: 20px; }
.setup_area .ui-li .ui-btn-inner a.ui-link-inherit    { padding: .5em 15px .7em 15px; min-height: 22px;  }
.setup_area h3   { font-size: 1.1em; margin: 0 0 5px 7px;   }
.setup_area .bt_log    { margin: 0 0 25px 0!important; }
.setup_area .bt_log .ui-btn    { margin: 0; }
.setup_area .bt_log .ui-btn-inner   { font-size: 1.2em; padding: .5em 20px .6em; }
.setup_area .ui-listview   { margin: 0 0 25px 0 !important; font-size: 1.1em; }
.setup_area .ui-listview .ui-li-static   {font-size: 1em; } 
.setup_area .ui-listview .ui-btn-inner   {    }
.setup_area li mark   { font-size: 1.2em; color:#ddca71;  margin-left: 5px; }
.setup_area .log_id   { color:#a2da0d ;  text-align: right;  float:right; }
.setup_area label   { font-weight: bold; display: inline-block; }
.setup_area .ui-slider-switch    {float:right;  margin-top: -9px; width: 6em; }
.setup_area .ui-slider   { margin-right: 0;}
.setup_area .ui-slider-switch .ui-btn-active   { border: none;}


/************************************************************
08  :   member
*************************************************************/
/*   로그인   */
.login_area    { margin: 10px; color:#cecece; font-weight: bold; }
.login_area .txt   { margin:5px 0 0 7px; font-size: 1.1em; text-align: center; }
.login_area .txt02   { margin:5px 0 10px; font-size: 1.1em; text-align: center; color: #fff; }
.login_area .txt02 em  { color:#ddca71; font-size: 1.2em; margin: 3px 0 }
.login_area .log_form    { margin-top: 10px; border: 1px solid #8e8e8e; background: #757575; -webkit-border-radius: 1em;border-radius: 1em; padding:10px 15px 15px;  }
.login_area .log_form .ui-block-a   { width: 60%;  margin-top: 10px; }
.login_area .log_form .ui-block-b   { width: 32%; padding-top: 5px; margin-left: 20px; }
@media all and (min-device-width:360px )  {   /*  갤2 LTE 이상급 width:360px 이상일때  */
.login_area .log_form .ui-block-a   { width: 68%; }
.login_area .log_form .ui-block-b   { width: 24%; }
}
.login_area .log_form .ui-block-a .ui-btn-corner-all   { -webkit-border-radius:.6em; border-radius:.6em;  }
.login_area .log_form input.ui-input-text   {padding: .4em;  margin: 10px 0; background: #fff; width:100%;  display:block; }
.login_area .log_form .ui-block-b .ui-btn-inner   { padding: 1.4em 15px 1.7em; font-size: 1.2em; }
.login_area .log_form label.ui-slider   { display: inline-block; vertical-align:10px; width:40%; text-align: right; font-weight: bold; color:#fff; }
.login_area .log_form div.ui-slider   { display: inline-block; width:35%; margin-left: 10px;}
.login_area .log_form .ui-icon-searchfield:after   {display: none;}
.login_area .log_form .ui-input-search   { width:100%; padding:0 .4em; background: #fff; }
.login_area .log_form .ui-input-search .ui-icon   {background-color: rgba(0, 0, 0, .4); }
.login_area .log_form .ui-input-search .ui-btn-up-d    { background: #fff; border: none ; text-shadow: none ;}
.login_area .log_form .ui-input-search .ui-btn-down-d    { background: #fff; border: none ; text-shadow: none ;}
.login_area .log_form .ui-input-search .ui-btn-hover-d    { background: #fff; border: none ; text-shadow: none ;} 
.login_area .log_form .ui-input-search .ui-shadow   {-webkit-box-shadow:none; box-shadow:none; }
.login_area .log_form .ui-input-search .ui-btn-inner   {padding: 0; }
.login_area .log_form .ui-input-search .ui-input-clear   { top:50%; right:0px;}
.login_area .log_form .ui-input-search input.ui-input-text  {width:85%; padding:.4em 0; margin:0; background: none !important; }
.login_area .log_bt   { text-align: center; margin: 0 auto 10px; max-width: 300px; border-bottom-width: 0; }
.login_area .log_bt .ui-btn-inner   { font-size: 1.1em;padding: .6em 0 .8em; }
.login_area .log_bt .ui-btn-corner-all    {-webkit-border-radius: .6em;border-radius: .6em; }
.login_area .ui-controlgroup     { margin-top: 15px; }
.login_area .ui-controlgroup .ui-btn-inner   {  min-width: 145px; }
/*   아이디/비밀번호찾기  */
.login_area .ui-select .ui-btn-corner-all    {-webkit-border-radius: .6em;border-radius: .6em; }
.login_area label   { font-weight: bold; font-size: 1.2em;  display: block; margin:0 0 -3px 5px; color: #e4e4e4; }
.login_area .form1 input  { width:40% !important; display: inline-block !important;}
.login_area .form2 input  { width:22% !important; display: inline-block !important; text-align: center; }
.login_area .form2 .ui-select     {width:36%; display: inline-block; }
.login_area .form3 input  { width:95% !important; }
.mem_result   {padding: 30px !important; text-align: center; font-size: 1.2em;color:#cecece; font-weight: bold; }
.mem_result p   { line-height: 1.8em; margin-bottom: 30px; }
.mem_result mark  { color:#ddca71;font-size: 1.5em; text-decoration: underline; margin-right: 5px; } 
.mem_result .ui-btn  { margin: 15px 20px;} 
.mem_result .ui-btn-inner   {padding: .6em 0 .8em; }

/*     회원가입     */ 
.mem_wel   { margin:20px 7px 10px; font-size: 1.3em; text-align: center; color:#fff;  }
.mem_txt   {  margin:10px 7px; font-size: 1em; text-align: center; color:#bebebe;  }
.mem_txt em   { font-weight: bold; color: #56d2ed; text-decoration: underline; }

.join_step    { text-align: center; }  
.join_step div    { padding: .4em 0 .6em; background: #7b7b7b; border: 1px solid #5d5d5d; border-left-width:0; color:#c2c2c2; font-size: 1.1em; letter-spacing: -1px;  position: relative; } 
.join_step .ui-block-a   { z-index: 2; width:30%;  }
.join_step .ui-block-b   { z-index: 1; width:40%; }
.join_step .ui-block-c   { width:29%; }
.join_step span   { background:url(../images/join_step_off.png) no-repeat; width: 20px; height: 25px; display: inline-block; background-size: 100% 100%;  text-indent: -99999em; position: absolute; top:5px; right:-13px; }
.join_step .on    { background:#1789d0; border: 1px solid #00375a;  color:#fff; font-weight: bold; }
.join_step .on span    { background-image:url(../images/join_step_on.png) ; }

.join_form   { margin: 8px; border: 1px solid #8e8e8e; background: #757575; -webkit-border-radius: 1em;border-radius: 1em; padding:5px 12px 8px; color:#c2c2c2; }
.join_form li  {border-bottom: 1px solid #484848;   }
.join_pad li   { padding: .7em 0; }
.join_form li:last-child  {border-bottom:none;  }
.join_form .ui-field-contain    { padding: .9em 0 .8em;  margin: 0;}
.join_form legend   { font-weight: bold; color:#d7d7d7;  margin-left: 10px; display: block ; padding-bottom:3px !important; font-size: 1em; }
.join_form .ui-controlgroup-label   { font-weight: bold; color:#d7d7d7;  margin-left: 10px; display: block; font-size: 1em; width: auto; margin: 0 0 .4em; }
.join_form   { counter-reset: fieldsets;}
.join_form > li > fieldset > legend:before    { content: counter(fieldsets) ". "; counter-increment:fieldsets; }
.join_form > li > fieldset > .ui-controlgroup-label:before    { content: counter(fieldsets) ". "; counter-increment:fieldsets; }
.join_form .ui-field-contain .ui-select     { width: 100%; }
.join_form .ui-field-contain input.ui-input-text    { width: 95%; background: #fff; padding: .4em; }
.join_form .block1 .ui-block-a   { width: 69%;  }
.join_form .block1 .ui-block-b   { width: 31%; text-align: right; }
.join_form .block1 .ui-btn-inner   {padding: .5em 0 .6em; }
.join_form .block1 .ui-btn   { margin: 0;}
.join_form .block1 input.ui-input-text     { background: none; } 
/*   휴대폰_인증번호받기     */
.join_form .block2 .ui-block-a   { width: 62%;  }
.join_form .block2 .ui-block-b   { width: 38%; text-align: right;  }
.join_form .block2 .ui-btn-inner   {padding: .5em 0 .6em; }
.join_form .block2 .ui-btn   { margin: 0;}
.join_form .form1   { margin: 7px 0; }
.join_form .form1 input  { width:23% !important; display: inline-block !important; }
.join_form .form1 .ui-select     {width:35%; display: inline-block; }
/*   이메일주소     */
.join_form .form2   { margin-bottom: 7px; }
.join_form .form2 input  { width:41% !important; display: inline-block !important; }

.join_form .ui-btn-inline   {min-width: 90%; }
.join_form .ui-btn-corner-all    {-webkit-border-radius: .6em;border-radius: .6em; }
.join_form .ui-body-d    { background: #fff !important;  }
.join_form .ui-shadow-inset { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.join_form .ui-icon-searchfield:after   {display: none;}
.join_form .ui-input-search   { padding: 0;}
.join_form .ui-input-search .ui-icon   {background-color: rgba(0, 0, 0, .4); }
.join_form .ui-input-search .ui-btn-up-d    { background: #fff; border: none ; text-shadow: none ;}
.join_form .ui-input-search .ui-btn-down-d    { background: #fff; border: none ; text-shadow: none ;}
.join_form .ui-input-search .ui-btn-hover-d    { background: #fff; border: none ; text-shadow: none ;}
.join_form .ui-input-search .ui-shadow   {-webkit-box-shadow:none; box-shadow:none; }
.join_form .ui-input-search .ui-btn-inner   {padding: 0; }
.join_form .ui-input-search .ui-input-clear   { top:17%; right:2px;}
.join_form .ui-input-search input.ui-input-text  { width: 90%; background: none !important; }
.join_form .ui-field-contain .ui-input-search   {width:100%; }

.join_form .ui-field-contain .ui-controlgroup-controls  {width:100%; }
.join_form .ui-controlgroup-controls .ui-radio    { min-width: 49%;}
.join_form .ui-controlgroup-controls .ui-radio .ui-btn    { min-width: 100%;}
.join_form .ui-controlgroup-controls .ui-radio .ui-btn-inner   {padding: .5em 0 .7em; }
.join_form .ui-btn-active    {
	border: 1px solid #00375a;
	background: #006d9a;
	color: #fff;
	text-shadow: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2f9fee), to(#005e9a));  
	background-image: -webkit-linear-gradient(#2f9fee, #005e9a);  
	background-image:    -moz-linear-gradient(#2f9fee, #005e9a); 
	background-image:     -ms-linear-gradient(#2f9fee, #005e9a);  
	background-image:      -o-linear-gradient(#2f9fee, #005e9a); 
	background-image:         linear-gradient(#2f9fee, #005e9a); 
}
.join_form .bt_sub   { position: absolute; top:2px; right: 5px; }
.join_form .bt_sub .ui-btn-up-d   { background: #636363; }
.join_form .bt_sub .ui-btn-inner   {padding: .2em 15px .3em; font-size: .8em; }
.join_form .con_ok    { background: #585858; padding: 2px 10px; color:#fd8f8f; font-weight: bold; text-align:center; margin-top: 7px; }
.join_form .con_re    { background: #585858; padding: 2px 10px; color:#90c3e3; font-weight: bold; text-align:center; margin-top: 7px; }
.join_form .txt   {margin-top: 5px; color:#ddca71; font-size: .9em; line-height: 1.2em; }
.join_form .ans   {margin: 5px 8px; color:#fff; font-weight:bold; display: block; }

.join_bt    {  margin: 0 30px; border-width: 0 !important; font-size: 1.1em; }
.join_bt:after   {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.join_bt .ui-btn-inner   {font-size: 1.2em;  padding: .4em 20px .6em; }
.join_bt02    {  margin-top:-5px; border-width: 0 !important; text-align: center; }
.join_bt02:after   {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.join_bt02 .ui-block-a   {letter-spacing: -1px;}
.join_bt02 .ui-btn-inner   {font-size: 1.2em;  padding: .4em 10px .6em; }
/*  아이디 중복확인 pop   */
.join_pop   {margin: 20px 13px; font-weight: bold; color:#d0d0d0; font-size: 1.1em; text-align: center; }
.join_pop h6   {color:#ddca71; font-size: 1.2em;  margin-bottom: 20px; line-height: 1.4em;  }
.join_pop h6 em   {text-decoration:underline;}
.join_pop p   { letter-spacing: -1px; }
/*  가입완료  */
.join_form .join_tit    { width:20%;  display: inline-block;  background:url(../images/bar02.gif) no-repeat 100% 4px; padding:0 10px 0 5px; margin-right:10px; color:#bababa; font-weight: bold; font-size: 1.1em;  vertical-align: top;}
.join_form .join_cont   { width:63%;  display: inline-block; color:#fff; font-weight: bold;font-size: 1.1em;  word-break:break-all;}

/*   이용약관_개인정보취급방침    */
.agree_cont   { margin: 10px; color:#bdbdbd; font-size: .9em; line-height: 1.4em; counter-reset: hs; } 
.agree_cont p   { margin-bottom: 10px; }
.agree_cont ol   {margin: 20px 5px 20px 15px;  list-style:decimal none outside;padding-left:20px; color:#ddca71;  }
.agree_cont ol p  { font-weight:normal; color:#bdbdbd; margin-bottom: 3px;  }
.agree_cont ol li    {  font-weight:bold; }
.agree_cont ul   { margin: 7px 10px 20px; }
.agree_cont ul li    { background: url(../images/bullet02.gif) no-repeat 0 7px;  padding-left: 10px; margin-bottom: 5px; }
.agree_cont .ag_ol   {margin:7px 0;  list-style:none none; color:#fff;   font-weight:bold; counter-reset: oln;  }
.agree_cont .ag_ol span  { font-weight:normal; color:#c4c4c4; margin-bottom: 3px;  }
.agree_cont .ag_ol > li:before     { content: "제  " counter(oln) " 조.  "; counter-increment:oln; }
.agree_cont .ag_ol02   {margin:0 0 20px 10px;  list-style:decimal none outside;padding-left:20px; color:#ddca71;  }
.agree_cont .ag_ol02 p  { color:#bdbdbd; margin-bottom: 4px;  }
.agree_cont .ag_ol02 ul   { margin: 0 10px 10px 5px; }
.agree_cont .ag_ol02 ul li   {background: url(../images/bullet02.gif) no-repeat 0 7px;  padding-left: 10px; color:#bdbdbd;font-weight: normal;  }
.agree_cont h3    { color:#fff; font-size: 1.2em;  margin-bottom: 8px;  margin-top: 25px;}
.agree_cont > h3:before    { content: "제  " counter(hs) " 조.  ";  counter-increment:hs; }
.agree_cont h4    { color:#fff; font-size: 1.2em;  margin-bottom: 12px;  margin-top: 25px;}
.agree_cont > h4:before    { content: counter(hs) ".  "; counter-increment:hs; }
.agree_cont h5    { color:#f0e7be;  font-size: 1.1em;  margin-bottom: 7px; margin-top: 15px;}
.agree_cont > h5:before    { content: "◎  ";   }
.agree_cont table   { width:100%; margin-bottom: 7px; }
.agree_cont table caption   {display: none; }
.agree_cont table col   { width:30%;}
.agree_cont table col:nth-child(2)   { width:40%;}
.agree_cont th   { text-align: center; font-weight: normal; color:#fff; letter-spacing:-1px; background: #7a7a7a;  padding: .5em; border:1px solid #979797; }
.agree_cont td  {  border:1px solid #979797;  padding: .5em; }
.agree_cont .btn_type1   { margin-top: 25px; }


/************************************************************
09  :   My_Index
*************************************************************/
.main_my    { background:none;  }
.main_my .main_bg     { background:url(../images/main_topbg.png) repeat-x 0 0 #545454;  margin-bottom: -40px; position: relative; }
.main_img     { width:100px; min-height:650px; display: inline-block; background:url(../images/main_img.jpg) no-repeat top left #97bf00; background-size: 100% 100%; position: absolute; top:0; left: 0;  }
.main_img p    {  text-align: center; color: #fff; font-weight: bold; font-size:1.1em; line-height:1.4em; margin: 45px 0; text-shadow: rgba(0,0,0,.9) 1px 1px 2px ; } 
.main_img p mark   {display: block; width: 100%;  }
.main_img p mark img     { width: 100%;  }
.main_content { margin-left:100px; vertical-align: top; min-height: 300px; word-break: break-all; position: relative; z-index: 10; }

.main_info    {margin: 10px 15px !important; }
.main_info:first-of-type   { margin-top: 15px !important;}
.main_info .ui-btn-active   {
	border: 1px solid #324300;
	background: #3d5100;
	font-weight:bold;
	color: #fff !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9cc62c), to(#608c00));  
	background-image: -webkit-linear-gradient(#9cc62c, #608c00);  
	background-image:    -moz-linear-gradient(#9cc62c, #608c00);  
	background-image:     -ms-linear-gradient(#9cc62c, #608c00); 
	background-image:      -o-linear-gradient(#9cc62c, #608c00);  
	background-image:         linear-gradient(#9cc62c, #608c00);
}
.main_info .ui-btn-active a.ui-link-inherit   {color: #fff !important; }
.main_info .ui-btn-text   { margin-left:10%; width:auto; }
.main_info .ui-body-d  {  color:#fff;background: #151515;  border: 1px solid #000;border-top-color:#4e4e4e; margin-top: -1px;  }
.main_info .ui-li-static.ui-li   {padding: .5em 10px; }
@media all and (min-device-width:360px )  {  /*  갤2 LTE 이상급 width:360px 이상일때  */
    .main_info    {margin: 15px !important; } 
    .main_info:first-of-type   { margin-top:20px !important;}
    .main_info .ui-li-static.ui-li   {padding: .9em 10px; } 
}   
.main_info .navi_txt    { vertical-align: -2px; }
.main_info .tit { width:55%; display: inline-block;  margin-left: 10px; background:url(../images/bar02.gif) no-repeat 100% 4px;}
.main_info .ui-body-d em   { width:29%; display: inline-block; margin-left: 7px; font-weight: bold; color: #25bfff; text-align:center; font-size: 1.4em;  vertical-align: -2px; }
.main_info .mile   { color: #25bfff !important; text-align:center; font-size: 1.4em !important; padding: .3em 10px 0 !important; }
.main_info .mile .ico_M    { vertical-align: 1px; margin-right: 4px; }

/*.main_info .ui-btn-active a.ui-link-inherit   {color: #fff !important; }
.main_info .ui-btn-text   { margin-left:10%; width:auto; }
.main_info .ui-li-static   {
	background-image: -webkit-gradient(linear, left 50%, left 90%, from(#fff), to(#e3e3e3)) !important;  
	background-image: -webkit-linear-gradient(#fff, #e3e3e3) !important;   
	background-image:    -moz-linear-gradient(#fff, #e3e3e3) !important;  
	background-image:     -ms-linear-gradient(#fff, #e3e3e3) !important;  
	background-image:      -o-linear-gradient(#fff, #e3e3e3) !important;   
	background-image:         linear-gradient(#fff, #e3e3e3) !important;   
}
.main_info .ui-body-c  {  color:#777;  border: 1px solid #c2c2c2; margin-top: -1px;  }
.main_info .ui-li-static.ui-li   {padding: .5em 10px; }
.main_info .navi_txt    { vertical-align: -2px; }
.main_info .tit { width:55%; display: inline-block;  margin-left: 10px; background:url(../images/bar02.gif) no-repeat 100% 4px;}
.main_info .ui-body-c em   { width:29%; display: inline-block; margin-left: 7px; font-weight: bold; color: #0072c1; text-align:center; font-size: 1.4em;  vertical-align: -2px; }
.main_info .mile   { color: #0072c1 !important; text-align:center; font-size: 1.4em !important; padding: .3em 10px 0 !important; }
.main_info .mile .ico_M    { vertical-align: 1px; margin-right: 4px; }*/

.ico_M   {width:20px; height:35px;display: inline-block; background:url(../images/mileage_ico.png) no-repeat top left ; background-size: 100% 100%;text-indent: -9999em;  }

/************************************************************
10 :   Index
*************************************************************/
.index     { background:none;  }
.index .ui-body-d   { background: transparent;}
.index .index_bg     { background:url(../images/index_contbg.jpg) repeat-x top left #545454;   min-height:650px;margin-bottom: -40px;   } 
.index_sah_H    {position: absolute; bottom:-8px; left:0; background: url(../images/index_shadow_T.png) no-repeat; width:100%; height: 8px; z-index: 20; background-size: 100% 100%; text-align: center; text-indent: -99999em; }
.index_sah_T    {position: absolute; top:0px; left:0; background: url(../images/index_shadow_T.png) no-repeat; width:100%; height: 8px; z-index: 20; background-size: 100% 100%; text-align: center; text-indent: -99999em; }
.index_sah_B    {position: absolute; bottom:0; left:0; background: url(../images/index_shadow_B.png) no-repeat; width:100%; height: 8px; z-index: 20; background-size: 100% 100%; text-align: center; text-indent: -99999em; }
.index_sah_H em, .index_sah_T em, .index_sah_B em  { display: none; }

.index_visual    { position: relative; width:100%; height:150px; overflow: hidden; font-weight: bold; color:#fff;  background: url(../images/index_visual03.jpg) no-repeat #529500; background-size: 100% 100%;  } 
@media all and (min-device-width:360px )  { .index_visual  { height:200px;}   }   /*  갤2 LTE  width:360px 이상일때  */
@media all and (min-device-width:400px )  { .index_visual  { height:200px;}   }   /*  갤노트  width:400px 이상일때  */
.index_visual ul   {  width:100%; height:100%;   }
.index_visual span em   { display: none; }

.index_visual li span  {width: 100%; height:100%;  position: absolute;  top: 0px;  left: 0px; text-indent:-999999em; display:inline-block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite;
    -moz-animation: imageAnimation 30s linear infinite;
    -o-animation: imageAnimation 30s linear infinite;
    -ms-animation: imageAnimation 30s linear infinite;
    animation: imageAnimation 30s linear infinite ; 
}
.index_visual li:first-child span   {opacity: 100 !important;-webkit-backface-visibility: visible !important; }
.index_visual div   { position: absolute; top:22px; left:50%; margin-left:-125px; z-index:50; 
    opacity: 0;
    -webkit-animation: titleAnimation 10s linear infinite 0s;
    -moz-animation: titleAnimation 10s linear infinite 0s;
    -o-animation: titleAnimation 10s linear infinite 0s;
    -ms-animation: titleAnimation 10s linear infinite 0s;
    animation: titleAnimation 10s linear infinite 0s;
}
.index_visual h1  { display: inline-block; background: url(../images/index_logo.png) no-repeat; width:95px; height: 60px; z-index: 20; background-size: 100% 100%; text-align: center;  vertical-align: -18px; }
.index_visual h2   {display: inline-block; font-weight: bold; text-shadow: rgba(0,0,0,.8) 1px 2px 1px; font-size: 1.7em; }
.index_visual h2 mark   { color:#aaf617;font-weight: bold; margin: 0 5px; } 

.index_visual li:nth-child(1) span { background-image: url(../images/index_visual01.jpg); }
.index_visual li:nth-child(2) span { background-image: url(../images/index_visual02.jpg); 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.index_visual li:nth-child(3) span { background-image: url(../images/index_visual03.jpg); 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.index_visual li:nth-child(4) span { background-image: url(../images/index_visual04.jpg); 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.index_visual li:nth-child(5) span { background-image: url(../images/index_visual05.jpg); 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.index_visual li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.index_visual li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.index_visual li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.index_visual li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
@-webkit-keyframes imageAnimation { 
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    22% {
        opacity: 0.5;
        -webkit-transform: scale(1.2)  
    }
    25% {
        opacity: 0;
        -transform: scale(1.2)  
    }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: scale(1.05);
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        transform: scale(1.2);
    }
    22% {
        opacity: 0.5;
        -webkit-transform: scale(1.2) translateY(-20%);
    }
    25% {
        opacity: 0;
        -transform: scale(1.2) translateY(-100%);
    }
    100% { opacity: 0 }
}
@-webkit-keyframes titleAnimation { 
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
    65% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    75% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200%);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
    50% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
    65% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    75% { opacity: 0 }
    100% { opacity: 0 }
}

.index_cont   { position: relative; min-height: 170px; text-align: center; border-top:1px solid #acdc2b;  border-bottom: 1px solid #e3e3e3; }
.index_cont .motto   {   color:#c3c3c3; font-size: 1.3em;  letter-spacing: -1px; padding-top: 27px;-webkit-user-select:none; }
.index_cont .motto mark   { font-weight: bold; color:#fff; }
.index_cont ul   { width:280px; margin: 23px auto 0 ;  }
.index_cont ul li   {width:28%; /* width:23%; */ min-height:80px; display: inline-block; padding-left:10px; margin-right:5px; background: url(../images/index_bar.png) no-repeat 0 50%; font-size: .8em; vertical-align: top; line-height: 1.4em;   }
.index_cont ul li:first-child   { background:none; padding-left:0; }
/*.index_cont ul li:nth-child(2)   { width:36%; }*/
.index_cont ul a   {color: #bbb !important;font-weight: normal !important; display: inline-block; }
.index_cont ul h4   { font-weight: bold; color: #acdc2b; font-size: 1.5em; margin-bottom: 7px; text-align: center; }
.index_cont ul li img   { width:75px; }

.index_bottom     { background:url(../images/index_bg.jpg) repeat #529500;  background-size:100% 50%;min-height:400px;  position: relative; text-align: center; color:#fff; }
.index_bottom .img     { background:url(../images/index_img_bot.jpg) no-repeat top left;  background-size:100% 100%; width:100%; height:200px;   position: relative; }
@media all and (min-device-width:360px )  { .index_bottom .img  { height:250px;}  }   /*  갤2 LTE 이상급 width:360px 이상일때  */
.index_bottom .img em   {display:none; }
.index_bottom .motto   { position:absolute; top:35px; left:50%; margin-left:-160px; text-shadow: rgba(0,0,0,.8) 1px 2px 1px; color:#fff; font-size: 1.6em; letter-spacing:-1px; -webkit-user-select:none;  background: url(../images/index_txtbg.png) repeat-y top left; background-size:100% 100%; min-height:35px; line-height:35px; padding:0 45px; z-index: 10; }
.index_bottom .motto mark   {font-weight: bold; color:#fff;  margin-left: 5px;}
.index_bottom .bt_motto    {width:320px; position:absolute; top:40px; left:50%; margin-left:-160px;}
.index_bottom .bt_motto img  { max-width: 320px;  }

/************************************************************
11 :   Loading
*************************************************************/
.loading     {background: /*url(../images/loading_bg.png) repeat-x left center */#545454 !important; min-height:450px; text-align: center; }
.loading .t_bg    { width:100%; height: 165px; position: absolute; top:0; left:0; }
.loading .t_bg img    {width:100%;  }
.loading .b_bg    { width:100%; height: 165px;position: absolute; bottom:0; left:0; }
.loading .b_bg img    {width:100%;  }
.loading  h1    { background:url(../images/loading_logo.png) no-repeat; width:65px; height:43px; background-size: 100% 100%; text-indent: -9999em; position: absolute; top:24px; left:22px; }
.loading footer    { width:100%; color:#878787;  position: absolute; bottom:30px; left:50%; margin-left: -50%; font-size: .9em; }
.loading .per    { color: #aaf617; font-weight: bold; text-align: center; font-size: 1.1em; position: absolute; left:50%; bottom: -110px;  margin-left: -15px; }

.ball-wrapper { position: fixed;  width: 95px; height: 120px; margin-left: -47px; left: 50%; top: 20%; }
.ball {  position: absolute;  width: 95px; height: 95px; background:url(../images/loading_golf.png) no-repeat; background-size: 100% 100%; z-index:10;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-animation: jump 0.5s infinite;
    -moz-animation: jump 0.5s infinite;
    animation: jump 0.5s infinite;
}
.ball-shadow {
    position: absolute;
    left:5px ;
    bottom: -85px;
    width: 95px;
    height: 29px; margin-left:-5px;  background:url(../images/loading_golf_shadow.png) no-repeat; background-size: 100% 100%; 
    -webkit-transform: scaleY(1.2);
    -moz-transform: scaleY(1.2);
    transform: scaleY(1.2);
    -webkit-animation: shrink 0.6s infinite;
    -moz-animation: shrink 0.6s infinite;
    animation: shrink 0.6s infinite;
}
@-webkit-keyframes jump {
    0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
    } 
    50% {
    top: 120px;
    height: 75px;
    -webkit-animtion-timing-function: ease-out;
    }
    55% {
    top: 140px;
    height: 60px;
    -webkit-animation-timing-function: ease-in;
    }
    65% {
    top: 90px;
    height: 95px;
    -webkit-animation-timing-function: ease-out;
    }
    95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
    }
    100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes jump {
    0% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
    } 
    50% {
    top: 120px;
    height: 75px;
    -webkit-animtion-timing-function: ease-out;
    }
    55% {
    top: 140px;
    height: 60px;
    -webkit-animation-timing-function: ease-in;
    }
    65% {
    top: 90px;
    height: 95px;
    -webkit-animation-timing-function: ease-out;
    }
    95% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
    }
    100% {
    top: 0;
    -webkit-animation-timing-function: ease-in;
    }
}

@-webkit-keyframes shrink {
    0% {
    bottom: -80px; margin-left: -5px;
    width: 95px;
    height: 29px;
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
    }
    50% {
    bottom: -75px;margin-left: 7px;
    width: 65px;
    height: 18px;
    opacity: 0.4;
    -webkit-animation-timing-function: ease-out;
    }
    100% {
    bottom: -80px;margin-left: -5px;
    width: 95px;
    height: 29px;
    opacity: 0.2;
    -webkit-animation-timing-function: ease-in;
    }
}
@-moz-keyframes shrink {
    0% {
    left: 3px; bottom: -85px;
    width: 95px;
    height: 29px;
    opacity: 0.3;
    -webkit-animation-timing-function: ease-in;
    }
    50% {
    left: 12px;bottom: -75px;
    width: 65px;
    height: 18px;
    opacity: 0.7;
    -webkit-animation-timing-function: ease-out;
    }
    100% {
    left: 3px;bottom: -85px;
    width: 95px;
    height: 29px;
    opacity: 0.3;
    -webkit-animation-timing-function: ease-in;
    }
}






